diff --git a/.babelrc b/.babelrc
deleted file mode 100644
index 7a17890b..00000000
--- a/.babelrc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "presets": [
-    "babel-preset-react-app"
-  ]
-}
diff --git a/.eslintrc b/.eslintrc
index edadda91..d638f8e2 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,10 +1,13 @@
 {
-  "extends": "react-app",
-  "plugins": ["react-hooks"],
+  "env": {
+    "es6": true
+  },
+  "extends": ["eslint:recommended", "next/core-web-vitals"],
   "rules": {
-    "import/no-anonymous-default-export": 0,
-    "react-hooks/exhaustive-deps": "warn",
-    "react-hooks/rules-of-hooks": "error",
-    "semi": "error"
+    "semi": "error",
+    "no-unused-vars": "warn",
+    "import/no-anonymous-default-export": "off",
+    "react/display-name": "off",
+    "@next/next/no-img-element": "off"
   }
 }
diff --git a/.gitignore b/.gitignore
index 2099b5fe..87ab71c7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -60,3 +60,4 @@ typings/
 build/
 build-storybook/
 .serverless
+.next
diff --git a/.storybook/StoryContainer.css b/.storybook/StoryContainer.css
index c601f099..b4f481c0 100644
--- a/.storybook/StoryContainer.css
+++ b/.storybook/StoryContainer.css
@@ -1,4 +1,4 @@
-.story-container {
+.storyContainer {
   width: 100vw;
   height: 100vh;
   display: flex;
diff --git a/.storybook/StoryContainer.js b/.storybook/StoryContainer.js
index bdf0f6eb..e36f41af 100644
--- a/.storybook/StoryContainer.js
+++ b/.storybook/StoryContainer.js
@@ -8,7 +8,7 @@ export const StoryContainer = ({
   children,
 }) => (
   <div
-    className="story-container"
+    className="storyContainer"
     style={{
       padding,
       gap: gutter,
diff --git a/.storybook/main.js b/.storybook/main.js
index 42f39d2f..6d0651dd 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,18 +1,33 @@
+const path = require('path');
+
 module.exports = {
   addons: [
     '@storybook/addon-actions',
     '@storybook/addon-controls',
     '@storybook/addon-a11y',
     '@storybook/addon-toolbars',
-    {
-      name: '@storybook/preset-create-react-app',
-      options: {
-        scriptsPackageName: '@hamishmw/react-scripts-postcss',
-      },
-    },
+    'storybook-addon-next',
   ],
-  stories: ['../src/**/*.stories.js'],
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   core: {
     builder: 'webpack5',
   },
+  webpackFinal: async (config, { configType }) => {
+    config.resolve.modules = [path.resolve(__dirname, '../src'), 'node_modules'];
+
+    const imageRule = config.module.rules.find(rule => rule.test.test('.svg'));
+    imageRule.exclude = /\.svg$/;
+
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+
+    config.module.rules.push({
+      test: /\.(mp4|hdr|glb|woff2)$/i,
+      type: 'asset/resource',
+    });
+
+    return config;
+  },
 };
diff --git a/.storybook/preview.css b/.storybook/preview.css
index b995653e..1926c544 100644
--- a/.storybook/preview.css
+++ b/.storybook/preview.css
@@ -1,4 +1,4 @@
-.story-root {
+.storyRoot {
   position: absolute;
   inset: 0;
 }
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 8cd84051..99ae2cff 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,22 +1,23 @@
-import '../src/app/reset.css';
-import '../src/app/global.css';
-import '../src/app/App.css';
+import '../src/layouts/App/reset.css';
+import '../src/layouts/App/global.css';
 import './preview.css';
 
 import { useEffect } from 'react';
-import { ThemeProvider } from '../src/components/ThemeProvider';
+import { ThemeProvider, fontStyles, tokenStyles } from '../src/components/ThemeProvider';
 
 export const decorators = [
   (Story, context) => {
     const theme = context.globals.theme;
 
     useEffect(() => {
-      document.body.setAttribute('class', theme);
+      document.body.dataset.theme = theme;
     }, [theme]);
 
     return (
       <ThemeProvider themeId={theme}>
-        <div id="story-root" className="story-root">
+        <style>{fontStyles}</style>
+        <style>{tokenStyles}</style>
+        <div id="story-root" className="storyRoot">
           <Story />
         </div>
       </ThemeProvider>
diff --git a/.stylelintrc b/.stylelintrc
index 5855a8df..33ac158e 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,18 +1,23 @@
 {
   "extends": [
-    "stylelint-config-standard"
+    "stylelint-config-standard",
+    "stylelint-config-prettier",
+    "stylelint-config-css-modules"
   ],
   "rules": {
-    "selector-class-pattern": null,
-    "custom-property-pattern": null,
     "string-quotes": "single",
+    "selector-class-pattern": "^[a-z][a-zA-Z0-9]+$",
+    "custom-property-pattern": "^[a-z][a-zA-Z0-9]+$",
+    "custom-media-pattern": "^[a-z][a-zA-Z0-9]+$",
+    "selector-id-pattern": null,
     "declaration-block-no-redundant-longhand-properties": null,
-    "value-keyword-case": null,
+    "value-keyword-case": ["lower", { "camelCaseSvgKeywords": true }],
     "alpha-value-notation": "number",
-    "declaration-colon-newline-after": null,
-    "indentation": null,
-    "selector-combinator-space-before": null,
-    "value-list-comma-newline-after": null,
-    "custom-media-pattern": null
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        "ignorePseudoClasses": ["global"]
+      }
+    ]
   }
 }
diff --git a/README.md b/README.md
index a6ee90db..63c7eb52 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@ npm install
 Once it's done start up a local server with:
 
 ```bash
-npm start
+npm run dev
 ```
 
 To view the components storybook:
@@ -52,7 +52,7 @@ npm run deploy:api
 
 ## Permissions
 
-I'm cool with anyone using the code or parts of the code for their own site, it is open source so people can learn from it and adapt it. However, I would encourage you to modify the theme and components it to make it your own. If you are using the site's design largely unmodified, I'd appreciate being credited as the designer of the website. 
+I'm cool with anyone using the code or parts of the code for their own site, it is open source so people can learn from it and adapt it. However, I would encourage you to modify the theme and components it to make it your own. If you are using the site's design largely unmodified, I'd appreciate being credited as the designer of the website.
 
 I do not give permission to present any of my projects as your own (this is being actively used as my portfolio site and these are my real projects I've worked on).
 
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 00000000..4862b7c7
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,18 @@
+module.exports = {
+  reactStrictMode: false,
+  trailingSlash: true,
+  pageExtensions: ['page.js', 'api.js'],
+  webpack(config) {
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: [{ loader: '@svgr/webpack', options: { svgo: false } }],
+    });
+
+    config.module.rules.push({
+      test: /\.(mp4|hdr|glb|woff2)$/i,
+      type: 'asset/resource',
+    });
+
+    return config;
+  },
+};
diff --git a/package-lock.json b/package-lock.json
index cdb61daf..7fa90d68 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1770,6 +1770,206 @@
         "workbox-webpack-plugin": "^6.4.1"
       },
       "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz",
+          "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-remove-jsx-attribute": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz",
+          "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-remove-jsx-empty-expression": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz",
+          "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-replace-jsx-attribute-value": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz",
+          "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-svg-dynamic-title": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz",
+          "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-svg-em-dimensions": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz",
+          "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-transform-react-native-svg": {
+          "version": "5.4.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz",
+          "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
+          "dev": true
+        },
+        "@svgr/babel-plugin-transform-svg-component": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz",
+          "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
+          "dev": true
+        },
+        "@svgr/babel-preset": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-5.5.0.tgz",
+          "integrity": "sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==",
+          "dev": true,
+          "requires": {
+            "@svgr/babel-plugin-add-jsx-attribute": "^5.4.0",
+            "@svgr/babel-plugin-remove-jsx-attribute": "^5.4.0",
+            "@svgr/babel-plugin-remove-jsx-empty-expression": "^5.0.1",
+            "@svgr/babel-plugin-replace-jsx-attribute-value": "^5.0.1",
+            "@svgr/babel-plugin-svg-dynamic-title": "^5.4.0",
+            "@svgr/babel-plugin-svg-em-dimensions": "^5.4.0",
+            "@svgr/babel-plugin-transform-react-native-svg": "^5.4.0",
+            "@svgr/babel-plugin-transform-svg-component": "^5.5.0"
+          }
+        },
+        "@svgr/core": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz",
+          "integrity": "sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==",
+          "dev": true,
+          "requires": {
+            "@svgr/plugin-jsx": "^5.5.0",
+            "camelcase": "^6.2.0",
+            "cosmiconfig": "^7.0.0"
+          }
+        },
+        "@svgr/hast-util-to-babel-ast": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz",
+          "integrity": "sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "^7.12.6"
+          }
+        },
+        "@svgr/plugin-jsx": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz",
+          "integrity": "sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.12.3",
+            "@svgr/babel-preset": "^5.5.0",
+            "@svgr/hast-util-to-babel-ast": "^5.5.0",
+            "svg-parser": "^2.0.2"
+          }
+        },
+        "@svgr/plugin-svgo": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz",
+          "integrity": "sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==",
+          "dev": true,
+          "requires": {
+            "cosmiconfig": "^7.0.0",
+            "deepmerge": "^4.2.2",
+            "svgo": "^1.2.2"
+          }
+        },
+        "@svgr/webpack": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-5.5.0.tgz",
+          "integrity": "sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==",
+          "dev": true,
+          "requires": {
+            "@babel/core": "^7.12.3",
+            "@babel/plugin-transform-react-constant-elements": "^7.12.1",
+            "@babel/preset-env": "^7.12.1",
+            "@babel/preset-react": "^7.12.5",
+            "@svgr/core": "^5.5.0",
+            "@svgr/plugin-jsx": "^5.5.0",
+            "@svgr/plugin-svgo": "^5.5.0",
+            "loader-utils": "^2.0.0"
+          }
+        },
+        "css-select": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+          "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+          "dev": true,
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^3.2.1",
+            "domutils": "^1.7.0",
+            "nth-check": "^1.0.2"
+          }
+        },
+        "css-tree": {
+          "version": "1.0.0-alpha.37",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+          "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+          "dev": true,
+          "requires": {
+            "mdn-data": "2.0.4",
+            "source-map": "^0.6.1"
+          }
+        },
+        "css-what": {
+          "version": "3.4.2",
+          "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+          "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+          "dev": true
+        },
+        "dom-serializer": {
+          "version": "0.2.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+          "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "entities": "^2.0.0"
+          },
+          "dependencies": {
+            "domelementtype": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+              "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+              "dev": true
+            }
+          }
+        },
+        "domelementtype": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+          "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+          "dev": true
+        },
+        "domutils": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "0",
+            "domelementtype": "1"
+          }
+        },
+        "mdn-data": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+          "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+          "dev": true
+        },
+        "nth-check": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+          "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+          "dev": true,
+          "requires": {
+            "boolbase": "~1.0.0"
+          }
+        },
         "semver": {
           "version": "7.3.6",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
@@ -1778,6 +1978,33 @@
           "requires": {
             "lru-cache": "^7.4.0"
           }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "svgo": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+          "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.1",
+            "coa": "^2.0.2",
+            "css-select": "^2.0.0",
+            "css-select-base-adapter": "^0.1.1",
+            "css-tree": "1.0.0-alpha.37",
+            "csso": "^4.0.2",
+            "js-yaml": "^3.13.1",
+            "mkdirp": "~0.5.1",
+            "object.values": "^1.1.0",
+            "sax": "~1.2.4",
+            "stable": "^0.1.8",
+            "unquote": "~1.1.1",
+            "util.promisify": "~1.0.0"
+          }
         }
       }
     },
@@ -2362,6 +2589,18 @@
       "integrity": "sha512-nkalE/f1RvRGChwBnEIoBfSEYOXnCRdleKuv6+lePbMDrMZXeDQnqak5XDOeBgrPPyPfAdcCu/B5z+v3VhplGg==",
       "dev": true
     },
+    "@mapbox/rehype-prism": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@mapbox/rehype-prism/-/rehype-prism-0.8.0.tgz",
+      "integrity": "sha512-bIz4a3oZ8g+pQBHSMMIxNpYOMX4yq4aZdpezoiCl9yJudh1Z9SRmHQqH6f+WtTBNOORzXMEGkvBze4PiH17wtA==",
+      "dev": true,
+      "requires": {
+        "hast-util-to-string": "^1.0.4",
+        "mrm": "^3.0.9",
+        "refractor": "^3.4.0",
+        "unist-util-visit": "^2.0.3"
+      }
+    },
     "@mdx-js/mdx": {
       "version": "1.6.22",
       "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-1.6.22.tgz",
@@ -2463,6 +2702,108 @@
         }
       }
     },
+    "@next/env": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-12.1.5.tgz",
+      "integrity": "sha512-+34yUJslfJi7Lyx6ELuN8nWcOzi27izfYnZIC1Dqv7kmmfiBVxgzR3BXhlvEMTKC2IRJhXVs2FkMY+buQe3k7Q=="
+    },
+    "@next/eslint-plugin-next": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-12.1.5.tgz",
+      "integrity": "sha512-Cnb8ERC5bNKBFrnMH6203sp/b0Y78QRx1XsFu+86oBtDBmQmOFoHu7teQjHm69ER73XKK3aGaeoLiXacHoUFsg==",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.7"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "7.1.7",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+          "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+          "dev": true,
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "@next/swc-android-arm-eabi": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-12.1.5.tgz",
+      "integrity": "sha512-SKnGTdYcoN04Y2DvE0/Y7/MjkA+ltsmbuH/y/hR7Ob7tsj+8ZdOYuk+YvW1B8dY20nDPHP58XgDTSm2nA8BzzA==",
+      "optional": true
+    },
+    "@next/swc-android-arm64": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.1.5.tgz",
+      "integrity": "sha512-YXiqgQ/9Rxg1dXp6brXbeQM1JDx9SwUY/36JiE+36FXqYEmDYbxld9qkX6GEzkc5rbwJ+RCitargnzEtwGW0mw==",
+      "optional": true
+    },
+    "@next/swc-darwin-arm64": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.5.tgz",
+      "integrity": "sha512-y8mhldb/WFZ6lFeowkGfi0cO/lBdiBqDk4T4LZLvCpoQp4Or/NzUN6P5NzBQZ5/b4oUHM/wQICEM+1wKA4qIVw==",
+      "optional": true
+    },
+    "@next/swc-darwin-x64": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.5.tgz",
+      "integrity": "sha512-wqJ3X7WQdTwSGi0kIDEmzw34QHISRIQ5uvC+VXmsIlCPFcMA+zM5723uh8NfuKGquDMiEMS31a83QgkuHMYbwQ==",
+      "optional": true
+    },
+    "@next/swc-linux-arm-gnueabihf": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.5.tgz",
+      "integrity": "sha512-WnhdM5duONMvt2CncAl+9pim0wBxDS2lHoo7ub/o/i1bRbs11UTzosKzEXVaTDCUkCX2c32lIDi1WcN2ZPkcdw==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-gnu": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.5.tgz",
+      "integrity": "sha512-Jq2H68yQ4bLUhR/XQnbw3LDW0GMQn355qx6rU36BthDLeGue7YV7MqNPa8GKvrpPocEMW77nWx/1yI6w6J07gw==",
+      "optional": true
+    },
+    "@next/swc-linux-arm64-musl": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.5.tgz",
+      "integrity": "sha512-KgPjwdbhDqXI7ghNN8V/WAiLquc9Ebe8KBrNNEL0NQr+yd9CyKJ6KqjayVkmX+hbHzbyvbui/5wh/p3CZQ9xcQ==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-gnu": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.5.tgz",
+      "integrity": "sha512-O2ErUTvCJ6DkNTSr9pbu1n3tcqykqE/ebty1rwClzIYdOgpB3T2MfEPP+K7GhUR87wmN/hlihO9ch7qpVFDGKw==",
+      "optional": true
+    },
+    "@next/swc-linux-x64-musl": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.5.tgz",
+      "integrity": "sha512-1eIlZmlO/VRjxxzUBcVosf54AFU3ltAzHi+BJA+9U/lPxCYIsT+R4uO3QksRzRjKWhVQMRjEnlXyyq5SKJm7BA==",
+      "optional": true
+    },
+    "@next/swc-win32-arm64-msvc": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.5.tgz",
+      "integrity": "sha512-oromsfokbEuVb0CBLLE7R9qX3KGXucZpsojLpzUh1QJjuy1QkrPJncwr8xmWQnwgtQ6ecMWXgXPB+qtvizT9Tw==",
+      "optional": true
+    },
+    "@next/swc-win32-ia32-msvc": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.5.tgz",
+      "integrity": "sha512-a/51L5KzBpeZSW9LbekMo3I3Cwul+V+QKwbEIMA+Qwb2qrlcn1L9h3lt8cHqNTFt2y72ce6aTwDTw1lyi5oIRA==",
+      "optional": true
+    },
+    "@next/swc-win32-x64-msvc": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.5.tgz",
+      "integrity": "sha512-/SoXW1Ntpmpw3AXAzfDRaQidnd8kbZ2oSni8u5z0yw6t4RwJvmdZy1eOaAADRThWKV+2oU90++LSnXJIwBRWYQ==",
+      "optional": true
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -2635,6 +2976,12 @@
       "integrity": "sha512-BUyKJGdDWqvWC5GEhyOiUrGNi9iJUr4CU0O2WxJL6QJhHeeA/NVBalH+FeK0r/x/W0rPymXt5s78TDS7d6lCwg==",
       "dev": true
     },
+    "@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "dev": true
+    },
     "@sinonjs/commons": {
       "version": "1.8.3",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.3.tgz",
@@ -2723,91 +3070,332 @@
         "ts-dedent": "^2.0.0"
       }
     },
-    "@storybook/addon-toolbars": {
-      "version": "6.4.21",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-6.4.21.tgz",
-      "integrity": "sha512-eu1OkMy4slGsK1jYxfEydQXDW+/VnhBf9zf6JexUh9SVzIWswDzmtsoZ4L1ws/vw7EQcbBBXU4UIG/xy5qH8dA==",
-      "dev": true,
-      "requires": {
-        "@storybook/addons": "6.4.21",
-        "@storybook/api": "6.4.21",
-        "@storybook/components": "6.4.21",
-        "@storybook/theming": "6.4.21",
-        "core-js": "^3.8.2",
-        "regenerator-runtime": "^0.13.7"
-      }
-    },
-    "@storybook/addons": {
-      "version": "6.4.21",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.4.21.tgz",
-      "integrity": "sha512-TFLv4FyqP5SBOHEqE6tiW+2++HngkyQ2KRbHICC7khQgRqDkrwvrdKZwzF29igseglhSmftpZrBLXyWbA7q1vg==",
-      "dev": true,
-      "requires": {
-        "@storybook/api": "6.4.21",
-        "@storybook/channels": "6.4.21",
-        "@storybook/client-logger": "6.4.21",
-        "@storybook/core-events": "6.4.21",
-        "@storybook/csf": "0.0.2--canary.87bc651.0",
-        "@storybook/router": "6.4.21",
-        "@storybook/theming": "6.4.21",
-        "@types/webpack-env": "^1.16.0",
-        "core-js": "^3.8.2",
-        "global": "^4.4.0",
-        "regenerator-runtime": "^0.13.7"
-      }
-    },
-    "@storybook/api": {
-      "version": "6.4.21",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.4.21.tgz",
-      "integrity": "sha512-AULsLd7ew11IRCpzffyLFGl5cwt9BLMok33DcIlCyvXsiqLm4/OsbgM4sj6QqWVuxcFlWMQJHoRJyeFlULFvZA==",
+    "@storybook/addon-postcss": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-postcss/-/addon-postcss-2.0.0.tgz",
+      "integrity": "sha512-Nt82A7e9zJH4+A+VzLKKswUfru+T6FJTakj4dccP0i8DSn7a0CkzRPrLuZBq8tg4voV6gD74bcDf3gViCVBGtA==",
       "dev": true,
       "requires": {
-        "@storybook/channels": "6.4.21",
-        "@storybook/client-logger": "6.4.21",
-        "@storybook/core-events": "6.4.21",
-        "@storybook/csf": "0.0.2--canary.87bc651.0",
-        "@storybook/router": "6.4.21",
-        "@storybook/semver": "^7.3.2",
-        "@storybook/theming": "6.4.21",
-        "core-js": "^3.8.2",
-        "fast-deep-equal": "^3.1.3",
-        "global": "^4.4.0",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3",
-        "regenerator-runtime": "^0.13.7",
-        "store2": "^2.12.0",
-        "telejson": "^5.3.2",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
+        "@storybook/node-logger": "^6.1.14",
+        "css-loader": "^3.6.0",
+        "postcss": "^7.0.35",
+        "postcss-loader": "^4.2.0",
+        "style-loader": "^1.3.0"
       },
       "dependencies": {
-        "@storybook/semver": {
-          "version": "7.3.2",
-          "resolved": "https://registry.npmjs.org/@storybook/semver/-/semver-7.3.2.tgz",
-          "integrity": "sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==",
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "css-loader": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz",
+          "integrity": "sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ==",
           "dev": true,
           "requires": {
-            "core-js": "^3.6.5",
-            "find-up": "^4.1.0"
+            "camelcase": "^5.3.1",
+            "cssesc": "^3.0.0",
+            "icss-utils": "^4.1.1",
+            "loader-utils": "^1.2.3",
+            "normalize-path": "^3.0.0",
+            "postcss": "^7.0.32",
+            "postcss-modules-extract-imports": "^2.0.0",
+            "postcss-modules-local-by-default": "^3.0.2",
+            "postcss-modules-scope": "^2.2.0",
+            "postcss-modules-values": "^3.0.0",
+            "postcss-value-parser": "^4.1.0",
+            "schema-utils": "^2.7.0",
+            "semver": "^6.3.0"
           }
         },
-        "find-up": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+        "icss-utils": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz",
+          "integrity": "sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==",
           "dev": true,
           "requires": {
-            "locate-path": "^5.0.0",
-            "path-exists": "^4.0.0"
+            "postcss": "^7.0.14"
           }
         },
-        "locate-path": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
           "dev": true,
           "requires": {
-            "p-locate": "^4.1.0"
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "picocolors": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+          "dev": true
+        },
+        "postcss": {
+          "version": "7.0.39",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+          "dev": true,
+          "requires": {
+            "picocolors": "^0.2.1",
+            "source-map": "^0.6.1"
+          }
+        },
+        "postcss-loader": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.3.0.tgz",
+          "integrity": "sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q==",
+          "dev": true,
+          "requires": {
+            "cosmiconfig": "^7.0.0",
+            "klona": "^2.0.4",
+            "loader-utils": "^2.0.0",
+            "schema-utils": "^3.0.0",
+            "semver": "^7.3.4"
+          },
+          "dependencies": {
+            "json5": {
+              "version": "2.2.1",
+              "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
+              "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+              "dev": true
+            },
+            "loader-utils": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+              "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+              "dev": true,
+              "requires": {
+                "big.js": "^5.2.2",
+                "emojis-list": "^3.0.0",
+                "json5": "^2.1.2"
+              }
+            },
+            "schema-utils": {
+              "version": "3.1.1",
+              "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
+              "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
+              "dev": true,
+              "requires": {
+                "@types/json-schema": "^7.0.8",
+                "ajv": "^6.12.5",
+                "ajv-keywords": "^3.5.2"
+              }
+            },
+            "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"
+              }
+            }
+          }
+        },
+        "postcss-modules-extract-imports": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
+          "integrity": "sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.5"
+          }
+        },
+        "postcss-modules-local-by-default": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz",
+          "integrity": "sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==",
+          "dev": true,
+          "requires": {
+            "icss-utils": "^4.1.1",
+            "postcss": "^7.0.32",
+            "postcss-selector-parser": "^6.0.2",
+            "postcss-value-parser": "^4.1.0"
+          }
+        },
+        "postcss-modules-scope": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
+          "integrity": "sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==",
+          "dev": true,
+          "requires": {
+            "postcss": "^7.0.6",
+            "postcss-selector-parser": "^6.0.0"
+          }
+        },
+        "postcss-modules-values": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz",
+          "integrity": "sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==",
+          "dev": true,
+          "requires": {
+            "icss-utils": "^4.0.0",
+            "postcss": "^7.0.6"
+          }
+        },
+        "schema-utils": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+          "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.5",
+            "ajv": "^6.12.4",
+            "ajv-keywords": "^3.5.2"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "style-loader": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-1.3.0.tgz",
+          "integrity": "sha512-V7TCORko8rs9rIqkSrlMfkqA63DfoGBBJmK1kKGCcSi+BWb4cqz0SRsnp4l6rU5iwOEd0/2ePv68SV22VXon4Q==",
+          "dev": true,
+          "requires": {
+            "loader-utils": "^2.0.0",
+            "schema-utils": "^2.7.0"
+          },
+          "dependencies": {
+            "json5": {
+              "version": "2.2.1",
+              "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
+              "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+              "dev": true
+            },
+            "loader-utils": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+              "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+              "dev": true,
+              "requires": {
+                "big.js": "^5.2.2",
+                "emojis-list": "^3.0.0",
+                "json5": "^2.1.2"
+              }
+            }
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "@storybook/addon-toolbars": {
+      "version": "6.4.21",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-6.4.21.tgz",
+      "integrity": "sha512-eu1OkMy4slGsK1jYxfEydQXDW+/VnhBf9zf6JexUh9SVzIWswDzmtsoZ4L1ws/vw7EQcbBBXU4UIG/xy5qH8dA==",
+      "dev": true,
+      "requires": {
+        "@storybook/addons": "6.4.21",
+        "@storybook/api": "6.4.21",
+        "@storybook/components": "6.4.21",
+        "@storybook/theming": "6.4.21",
+        "core-js": "^3.8.2",
+        "regenerator-runtime": "^0.13.7"
+      }
+    },
+    "@storybook/addons": {
+      "version": "6.4.21",
+      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.4.21.tgz",
+      "integrity": "sha512-TFLv4FyqP5SBOHEqE6tiW+2++HngkyQ2KRbHICC7khQgRqDkrwvrdKZwzF29igseglhSmftpZrBLXyWbA7q1vg==",
+      "dev": true,
+      "requires": {
+        "@storybook/api": "6.4.21",
+        "@storybook/channels": "6.4.21",
+        "@storybook/client-logger": "6.4.21",
+        "@storybook/core-events": "6.4.21",
+        "@storybook/csf": "0.0.2--canary.87bc651.0",
+        "@storybook/router": "6.4.21",
+        "@storybook/theming": "6.4.21",
+        "@types/webpack-env": "^1.16.0",
+        "core-js": "^3.8.2",
+        "global": "^4.4.0",
+        "regenerator-runtime": "^0.13.7"
+      }
+    },
+    "@storybook/api": {
+      "version": "6.4.21",
+      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.4.21.tgz",
+      "integrity": "sha512-AULsLd7ew11IRCpzffyLFGl5cwt9BLMok33DcIlCyvXsiqLm4/OsbgM4sj6QqWVuxcFlWMQJHoRJyeFlULFvZA==",
+      "dev": true,
+      "requires": {
+        "@storybook/channels": "6.4.21",
+        "@storybook/client-logger": "6.4.21",
+        "@storybook/core-events": "6.4.21",
+        "@storybook/csf": "0.0.2--canary.87bc651.0",
+        "@storybook/router": "6.4.21",
+        "@storybook/semver": "^7.3.2",
+        "@storybook/theming": "6.4.21",
+        "core-js": "^3.8.2",
+        "fast-deep-equal": "^3.1.3",
+        "global": "^4.4.0",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7",
+        "store2": "^2.12.0",
+        "telejson": "^5.3.2",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "dependencies": {
+        "@storybook/semver": {
+          "version": "7.3.2",
+          "resolved": "https://registry.npmjs.org/@storybook/semver/-/semver-7.3.2.tgz",
+          "integrity": "sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==",
+          "dev": true,
+          "requires": {
+            "core-js": "^3.6.5",
+            "find-up": "^4.1.0"
+          }
+        },
+        "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"
+          }
+        },
+        "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"
           }
         },
         "p-limit": {
@@ -4377,12 +4965,12 @@
           },
           "dependencies": {
             "semver": {
-              "version": "7.3.6",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
-              "integrity": "sha512-HZWqcgwLsjaX1HBD31msI/rXktuIhS+lWvdE4kN9z+8IVT4Itc7vqU2WvYsyD6/sjYCt4dEKH/m1M3dwI9CC5w==",
+              "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": "^7.4.0"
+                "lru-cache": "^6.0.0"
               }
             }
           }
@@ -4406,6 +4994,15 @@
             "p-locate": "^4.1.0"
           }
         },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
         "p-limit": {
           "version": "2.3.0",
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
@@ -4453,6 +5050,12 @@
             "range-parser": "^1.2.1",
             "schema-utils": "^3.0.0"
           }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
         }
       }
     },
@@ -7535,6 +8138,15 @@
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "dev": true
         },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
         "resolve-from": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@@ -7542,12 +8154,12 @@
           "dev": true
         },
         "semver": {
-          "version": "7.3.6",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
-          "integrity": "sha512-HZWqcgwLsjaX1HBD31msI/rXktuIhS+lWvdE4kN9z+8IVT4Itc7vqU2WvYsyD6/sjYCt4dEKH/m1M3dwI9CC5w==",
+          "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": "^7.4.0"
+            "lru-cache": "^6.0.0"
           }
         },
         "style-loader": {
@@ -7582,6 +8194,12 @@
             "range-parser": "^1.2.1",
             "schema-utils": "^3.0.0"
           }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
         }
       }
     },
@@ -7649,31 +8267,6 @@
         }
       }
     },
-    "@storybook/preset-create-react-app": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-create-react-app/-/preset-create-react-app-4.1.0.tgz",
-      "integrity": "sha512-xMQlWhT8qHBnfrep4g+f2UFndpAiYnhkilHaf081eA9hsnSlj7Z9WKgHC5n09jBhfZpgL5Zf7Mx3lNwhHoEXBw==",
-      "dev": true,
-      "requires": {
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-        "@storybook/react-docgen-typescript-plugin": "^1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
-        "@types/babel__core": "^7.1.7",
-        "babel-plugin-react-docgen": "^4.1.0",
-        "pnp-webpack-plugin": "^1.7.0",
-        "semver": "^7.3.5"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "7.3.6",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
-          "integrity": "sha512-HZWqcgwLsjaX1HBD31msI/rXktuIhS+lWvdE4kN9z+8IVT4Itc7vqU2WvYsyD6/sjYCt4dEKH/m1M3dwI9CC5w==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^7.4.0"
-          }
-        }
-      }
-    },
     "@storybook/preview-web": {
       "version": "6.4.21",
       "resolved": "https://registry.npmjs.org/@storybook/preview-web/-/preview-web-6.4.21.tgz",
@@ -8340,29 +8933,6 @@
         }
       }
     },
-    "@storybook/react-docgen-typescript-plugin": {
-      "version": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
-      "resolved": "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0.tgz",
-      "integrity": "sha512-eVg3BxlOm2P+chijHBTByr90IZVUtgRW56qEOLX7xlww2NBuKrcavBlcmn+HH7GIUktquWkMPtvy6e0W0NgA5w==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.1.1",
-        "endent": "^2.0.1",
-        "find-cache-dir": "^3.3.1",
-        "flat-cache": "^3.0.4",
-        "micromatch": "^4.0.2",
-        "react-docgen-typescript": "^2.1.1",
-        "tslib": "^2.0.0"
-      },
-      "dependencies": {
-        "tslib": {
-          "version": "2.3.1",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-          "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
-          "dev": true
-        }
-      }
-    },
     "@storybook/router": {
       "version": "6.4.21",
       "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.4.21.tgz",
@@ -8566,126 +9136,144 @@
       }
     },
     "@svgr/babel-plugin-add-jsx-attribute": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz",
-      "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.0.0.tgz",
+      "integrity": "sha512-MdPdhdWLtQsjd29Wa4pABdhWbaRMACdM1h31BY+c6FghTZqNGT7pEYdBoaGeKtdTOBC/XNFQaKVj+r/Ei2ryWA==",
       "dev": true
     },
     "@svgr/babel-plugin-remove-jsx-attribute": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz",
-      "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.0.0.tgz",
+      "integrity": "sha512-aVdtfx9jlaaxc3unA6l+M9YRnKIZjOhQPthLKqmTXC8UVkBLDRGwPKo+r8n3VZN8B34+yVajzPTZ+ptTSuZZCw==",
       "dev": true
     },
     "@svgr/babel-plugin-remove-jsx-empty-expression": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz",
-      "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.0.0.tgz",
+      "integrity": "sha512-Ccj42ApsePD451AZJJf1QzTD1B/BOU392URJTeXFxSK709i0KUsGtbwyiqsKu7vsYxpTM0IA5clAKDyf9RCZyA==",
       "dev": true
     },
     "@svgr/babel-plugin-replace-jsx-attribute-value": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz",
-      "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.0.0.tgz",
+      "integrity": "sha512-88V26WGyt1Sfd1emBYmBJRWMmgarrExpKNVmI9vVozha4kqs6FzQJ/Kp5+EYli1apgX44518/0+t9+NU36lThQ==",
       "dev": true
     },
     "@svgr/babel-plugin-svg-dynamic-title": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz",
-      "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.0.0.tgz",
+      "integrity": "sha512-F7YXNLfGze+xv0KMQxrl2vkNbI9kzT9oDK55/kUuymh1ACyXkMV+VZWX1zEhSTfEKh7VkHVZGmVtHg8eTZ6PRg==",
       "dev": true
     },
     "@svgr/babel-plugin-svg-em-dimensions": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz",
-      "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.0.0.tgz",
+      "integrity": "sha512-+rghFXxdIqJNLQK08kwPBD3Z22/0b2tEZ9lKiL/yTfuyj1wW8HUXu4bo/XkogATIYuXSghVQOOCwURXzHGKyZA==",
       "dev": true
     },
     "@svgr/babel-plugin-transform-react-native-svg": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz",
-      "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.0.0.tgz",
+      "integrity": "sha512-VaphyHZ+xIKv5v0K0HCzyfAaLhPGJXSk2HkpYfXIOKb7DjLBv0soHDxNv6X0vr2titsxE7klb++u7iOf7TSrFQ==",
       "dev": true
     },
     "@svgr/babel-plugin-transform-svg-component": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz",
-      "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.2.0.tgz",
+      "integrity": "sha512-bhYIpsORb++wpsp91fymbFkf09Z/YEKR0DnFjxvN+8JHeCUD2unnh18jIMKnDJTWtvpTaGYPXELVe4OOzFI0xg==",
       "dev": true
     },
     "@svgr/babel-preset": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-5.5.0.tgz",
-      "integrity": "sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-6.2.0.tgz",
+      "integrity": "sha512-4WQNY0J71JIaL03DRn0vLiz87JXx0b9dYm2aA8XHlQJQoixMl4r/soYHm8dsaJZ3jWtkCiOYy48dp9izvXhDkQ==",
       "dev": true,
       "requires": {
-        "@svgr/babel-plugin-add-jsx-attribute": "^5.4.0",
-        "@svgr/babel-plugin-remove-jsx-attribute": "^5.4.0",
-        "@svgr/babel-plugin-remove-jsx-empty-expression": "^5.0.1",
-        "@svgr/babel-plugin-replace-jsx-attribute-value": "^5.0.1",
-        "@svgr/babel-plugin-svg-dynamic-title": "^5.4.0",
-        "@svgr/babel-plugin-svg-em-dimensions": "^5.4.0",
-        "@svgr/babel-plugin-transform-react-native-svg": "^5.4.0",
-        "@svgr/babel-plugin-transform-svg-component": "^5.5.0"
+        "@svgr/babel-plugin-add-jsx-attribute": "^6.0.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "^6.0.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "^6.0.0",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "^6.0.0",
+        "@svgr/babel-plugin-svg-dynamic-title": "^6.0.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "^6.0.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "^6.0.0",
+        "@svgr/babel-plugin-transform-svg-component": "^6.2.0"
       }
     },
     "@svgr/core": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz",
-      "integrity": "sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-6.2.1.tgz",
+      "integrity": "sha512-NWufjGI2WUyrg46mKuySfviEJ6IxHUOm/8a3Ph38VCWSp+83HBraCQrpEM3F3dB6LBs5x8OElS8h3C0oOJaJAA==",
       "dev": true,
       "requires": {
-        "@svgr/plugin-jsx": "^5.5.0",
+        "@svgr/plugin-jsx": "^6.2.1",
         "camelcase": "^6.2.0",
-        "cosmiconfig": "^7.0.0"
+        "cosmiconfig": "^7.0.1"
       }
     },
     "@svgr/hast-util-to-babel-ast": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz",
-      "integrity": "sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.2.1.tgz",
+      "integrity": "sha512-pt7MMkQFDlWJVy9ULJ1h+hZBDGFfSCwlBNW1HkLnVi7jUhyEXUaGYWi1x6bM2IXuAR9l265khBT4Av4lPmaNLQ==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.12.6"
+        "@babel/types": "^7.15.6",
+        "entities": "^3.0.1"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+          "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+          "dev": true
+        }
       }
     },
     "@svgr/plugin-jsx": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz",
-      "integrity": "sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-6.2.1.tgz",
+      "integrity": "sha512-u+MpjTsLaKo6r3pHeeSVsh9hmGRag2L7VzApWIaS8imNguqoUwDq/u6U/NDmYs/KAsrmtBjOEaAAPbwNGXXp1g==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.12.3",
-        "@svgr/babel-preset": "^5.5.0",
-        "@svgr/hast-util-to-babel-ast": "^5.5.0",
+        "@babel/core": "^7.15.5",
+        "@svgr/babel-preset": "^6.2.0",
+        "@svgr/hast-util-to-babel-ast": "^6.2.1",
         "svg-parser": "^2.0.2"
       }
     },
     "@svgr/plugin-svgo": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz",
-      "integrity": "sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-6.2.0.tgz",
+      "integrity": "sha512-oDdMQONKOJEbuKwuy4Np6VdV6qoaLLvoY86hjvQEgU82Vx1MSWRyYms6Sl0f+NtqxLI/rDVufATbP/ev996k3Q==",
       "dev": true,
       "requires": {
-        "cosmiconfig": "^7.0.0",
+        "cosmiconfig": "^7.0.1",
         "deepmerge": "^4.2.2",
-        "svgo": "^1.2.2"
+        "svgo": "^2.5.0"
       }
     },
     "@svgr/webpack": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-5.5.0.tgz",
-      "integrity": "sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-6.2.1.tgz",
+      "integrity": "sha512-h09ngMNd13hnePwgXa+Y5CgOjzlCvfWLHg+MBnydEedAnuLRzUHUJmGS3o2OsrhxTOOqEsPOFt5v/f6C5Qulcw==",
       "dev": true,
       "requires": {
-        "@babel/core": "^7.12.3",
-        "@babel/plugin-transform-react-constant-elements": "^7.12.1",
-        "@babel/preset-env": "^7.12.1",
-        "@babel/preset-react": "^7.12.5",
-        "@svgr/core": "^5.5.0",
-        "@svgr/plugin-jsx": "^5.5.0",
-        "@svgr/plugin-svgo": "^5.5.0",
-        "loader-utils": "^2.0.0"
+        "@babel/core": "^7.15.5",
+        "@babel/plugin-transform-react-constant-elements": "^7.14.5",
+        "@babel/preset-env": "^7.15.6",
+        "@babel/preset-react": "^7.14.5",
+        "@babel/preset-typescript": "^7.15.0",
+        "@svgr/core": "^6.2.1",
+        "@svgr/plugin-jsx": "^6.2.1",
+        "@svgr/plugin-svgo": "^6.2.0"
+      }
+    },
+    "@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dev": true,
+      "requires": {
+        "defer-to-connect": "^1.0.1"
       }
     },
     "@tootallnate/once": {
@@ -8700,6 +9288,14 @@
       "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
       "dev": true
     },
+    "@types/acorn": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.6.tgz",
+      "integrity": "sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==",
+      "requires": {
+        "@types/estree": "*"
+      }
+    },
     "@types/babel__core": {
       "version": "7.1.19",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz",
@@ -8794,6 +9390,14 @@
         "@types/node": "*"
       }
     },
+    "@types/debug": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
+      "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==",
+      "requires": {
+        "@types/ms": "*"
+      }
+    },
     "@types/eslint": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.29.0.tgz",
@@ -8817,8 +9421,15 @@
     "@types/estree": {
       "version": "0.0.51",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
-      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
-      "dev": true
+      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ=="
+    },
+    "@types/estree-jsx": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-0.0.1.tgz",
+      "integrity": "sha512-gcLAYiMfQklDCPjQegGn0TBAn9it05ISEsEhlKQUddIk7o2XDokOcTN7HBO8tznM0D9dGezvHEfRZBfZf6me0A==",
+      "requires": {
+        "@types/estree": "*"
+      }
     },
     "@types/express": {
       "version": "4.17.13",
@@ -8866,7 +9477,6 @@
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
       "integrity": "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==",
-      "dev": true,
       "requires": {
         "@types/unist": "*"
       }
@@ -8916,6 +9526,11 @@
         "@types/istanbul-lib-report": "*"
       }
     },
+    "@types/js-yaml": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.5.tgz",
+      "integrity": "sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA=="
+    },
     "@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -8932,11 +9547,15 @@
       "version": "3.0.10",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
       "integrity": "sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==",
-      "dev": true,
       "requires": {
         "@types/unist": "*"
       }
     },
+    "@types/mdurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.2.tgz",
+      "integrity": "sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA=="
+    },
     "@types/mdx": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.1.tgz",
@@ -8960,6 +9579,11 @@
       "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
       "dev": true
     },
+    "@types/ms": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
+      "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+    },
     "@types/node": {
       "version": "17.0.23",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.23.tgz",
@@ -9152,8 +9776,7 @@
     "@types/unist": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
-      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==",
-      "dev": true
+      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
     },
     "@types/webpack": {
       "version": "4.41.32",
@@ -9665,8 +10288,7 @@
     "acorn": {
       "version": "8.7.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
-      "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==",
-      "dev": true
+      "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ=="
     },
     "acorn-globals": {
       "version": "6.0.0",
@@ -9695,8 +10317,7 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -10139,6 +10760,11 @@
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
       "dev": true
     },
+    "astring": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/astring/-/astring-1.8.1.tgz",
+      "integrity": "sha512-Aj3mbwVzj7Vve4I/v2JYOPFkCGM2YS7OqQTNSxmUR+LECRpokuPgAYghePgr6SALDo5bD5DlfbSaYjOzGJZOLQ=="
+    },
     "async": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -10155,12 +10781,6 @@
       "dev": true,
       "optional": true
     },
-    "async-limiter": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
-      "dev": true
-    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -10205,6 +10825,65 @@
       "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
       "dev": true
     },
+    "babel-code-frame": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+      "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.1.3",
+        "esutils": "^2.0.2",
+        "js-tokens": "^3.0.2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "js-tokens": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+          "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
     "babel-jest": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-27.5.1.tgz",
@@ -10948,12 +11627,6 @@
         "node-int64": "^0.4.0"
       }
     },
-    "btoa": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
-      "dev": true
-    },
     "buffer": {
       "version": "4.9.2",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
@@ -10965,12 +11638,6 @@
         "isarray": "^1.0.0"
       }
     },
-    "buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
-      "dev": true
-    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -10995,6 +11662,12 @@
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
       "dev": true
     },
+    "builtins": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/builtins/-/builtins-1.0.3.tgz",
+      "integrity": "sha1-y5T662HIaWRR2zZTThQi+U8K7og=",
+      "dev": true
+    },
     "bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -11095,6 +11768,44 @@
         }
       }
     },
+    "cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dev": true,
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "lowercase-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+          "dev": true
+        },
+        "normalize-url": {
+          "version": "4.5.1",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+          "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
+          "dev": true
+        }
+      }
+    },
     "call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -11187,7 +11898,12 @@
     "caniuse-lite": {
       "version": "1.0.30001327",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001327.tgz",
-      "integrity": "sha512-1/Cg4jlD9qjZzhbzkzEaAC2JHsP0WrOc8Rd/3a3LuajGzGWR/hD7TVyvq99VqmTy99eVh8Zkmdq213OgvgXx7w==",
+      "integrity": "sha512-1/Cg4jlD9qjZzhbzkzEaAC2JHsP0WrOc8Rd/3a3LuajGzGWR/hD7TVyvq99VqmTy99eVh8Zkmdq213OgvgXx7w=="
+    },
+    "capture-stack-trace": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz",
+      "integrity": "sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==",
       "dev": true
     },
     "case-sensitive-paths-webpack-plugin": {
@@ -11213,87 +11929,6 @@
         "supports-color": "^5.3.0"
       }
     },
-    "change-case": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/change-case/-/change-case-3.1.0.tgz",
-      "integrity": "sha512-2AZp7uJZbYEzRPsFoa+ijKdvp9zsrnnt6+yFokfwEpeJm0xuJDVoxiRCAaTzyJND8GJkofo2IcKWaUZ/OECVzw==",
-      "dev": true,
-      "requires": {
-        "camel-case": "^3.0.0",
-        "constant-case": "^2.0.0",
-        "dot-case": "^2.1.0",
-        "header-case": "^1.0.0",
-        "is-lower-case": "^1.1.0",
-        "is-upper-case": "^1.1.0",
-        "lower-case": "^1.1.1",
-        "lower-case-first": "^1.0.0",
-        "no-case": "^2.3.2",
-        "param-case": "^2.1.0",
-        "pascal-case": "^2.0.0",
-        "path-case": "^2.1.0",
-        "sentence-case": "^2.1.0",
-        "snake-case": "^2.1.0",
-        "swap-case": "^1.1.0",
-        "title-case": "^2.1.0",
-        "upper-case": "^1.1.1",
-        "upper-case-first": "^1.1.0"
-      },
-      "dependencies": {
-        "camel-case": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
-          "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
-          "dev": true,
-          "requires": {
-            "no-case": "^2.2.0",
-            "upper-case": "^1.1.1"
-          }
-        },
-        "dot-case": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-2.1.1.tgz",
-          "integrity": "sha1-NNzzf1Co6TwrO8qLt/uRVcfaO+4=",
-          "dev": true,
-          "requires": {
-            "no-case": "^2.2.0"
-          }
-        },
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        },
-        "param-case": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
-          "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
-          "dev": true,
-          "requires": {
-            "no-case": "^2.2.0"
-          }
-        },
-        "pascal-case": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-2.0.1.tgz",
-          "integrity": "sha1-LVeNNFX2YNpl7KGO+VtODekSdh4=",
-          "dev": true,
-          "requires": {
-            "camel-case": "^3.0.0",
-            "upper-case-first": "^1.1.0"
-          }
-        }
-      }
-    },
     "char-regex": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
@@ -11306,6 +11941,11 @@
       "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==",
       "dev": true
     },
+    "character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA=="
+    },
     "character-entities-legacy": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
@@ -11324,104 +11964,18 @@
       "integrity": "sha512-Y4kiDb+AM4Ecy58YkuZrrSRJBDQdQ2L+NyS1vHHFtNtUjgutcZfx3yp1dAONI/oPaPmyGfCLx5CxL+zauIMyKQ==",
       "dev": true
     },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+      "dev": true
+    },
     "check-types": {
       "version": "11.1.2",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.1.2.tgz",
       "integrity": "sha512-tzWzvgePgLORb9/3a0YenggReLKAIb2owL03H2Xdoe5pKcUyWRSEQ8xfCar8t2SIAuEDwtmx2da1YB52YuHQMQ==",
       "dev": true
     },
-    "cheerio": {
-      "version": "1.0.0-rc.2",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.2.tgz",
-      "integrity": "sha1-S59TqBsn5NXawxwP/Qz6A8xoMNs=",
-      "dev": true,
-      "requires": {
-        "css-select": "~1.2.0",
-        "dom-serializer": "~0.1.0",
-        "entities": "~1.1.1",
-        "htmlparser2": "^3.9.1",
-        "lodash": "^4.15.0",
-        "parse5": "^3.0.1"
-      },
-      "dependencies": {
-        "css-select": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
-          "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
-          "dev": true,
-          "requires": {
-            "boolbase": "~1.0.0",
-            "css-what": "2.1",
-            "domutils": "1.5.1",
-            "nth-check": "~1.0.1"
-          }
-        },
-        "css-what": {
-          "version": "2.1.3",
-          "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
-          "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
-          "dev": true
-        },
-        "dom-serializer": {
-          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
-          "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^1.3.0",
-            "entities": "^1.1.1"
-          }
-        },
-        "domhandler": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-          "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "1"
-          }
-        },
-        "domutils": {
-          "version": "1.5.1",
-          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
-          "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
-          "dev": true,
-          "requires": {
-            "dom-serializer": "0",
-            "domelementtype": "1"
-          }
-        },
-        "entities": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
-          "dev": true
-        },
-        "htmlparser2": {
-          "version": "3.10.1",
-          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-          "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^1.3.1",
-            "domhandler": "^2.3.0",
-            "domutils": "^1.5.1",
-            "entities": "^1.1.1",
-            "inherits": "^2.0.1",
-            "readable-stream": "^3.1.1"
-          }
-        },
-        "parse5": {
-          "version": "3.0.3",
-          "resolved": "https://registry.npmjs.org/parse5/-/parse5-3.0.3.tgz",
-          "integrity": "sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==",
-          "dev": true,
-          "requires": {
-            "@types/node": "*"
-          }
-        }
-      }
-    },
     "chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
@@ -11541,6 +12095,15 @@
       "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==",
       "dev": true
     },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
     "cli-table3": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
@@ -11551,6 +12114,12 @@
         "string-width": "^4.2.0"
       }
     },
+    "cli-width": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
+      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+      "dev": true
+    },
     "cliui": {
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -11590,6 +12159,15 @@
         }
       }
     },
+    "clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
     "clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
@@ -11696,6 +12274,18 @@
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
       "dev": true
     },
+    "comment-json": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/comment-json/-/comment-json-2.4.2.tgz",
+      "integrity": "sha512-T+iXox779qsqneMYx/x5BZyz4xjCeQRmuNVzz8tko7qZUs3MlzpA3RAs+O1XsgcKToNBMIvfVzafGOeiU7RggA==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "^1.0.2",
+        "esprima": "^4.0.1",
+        "has-own-prop": "^2.0.0",
+        "repeat-string": "^1.6.1"
+      }
+    },
     "common-path-prefix": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
@@ -11802,6 +12392,63 @@
         }
       }
     },
+    "configstore": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-3.1.5.tgz",
+      "integrity": "sha512-nlOhI4+fdzoK5xmJ+NY+1gZK56bwEaWZr8fYuXohZ9Vkc1o3a4T/R3M+yE/w7x/ZVJ1zF8c+oaOvF0dztdUgmA==",
+      "dev": true,
+      "requires": {
+        "dot-prop": "^4.2.1",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^1.0.0",
+        "unique-string": "^1.0.0",
+        "write-file-atomic": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      },
+      "dependencies": {
+        "crypto-random-string": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz",
+          "integrity": "sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=",
+          "dev": true
+        },
+        "make-dir": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz",
+          "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==",
+          "dev": true,
+          "requires": {
+            "pify": "^3.0.0"
+          }
+        },
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+          "dev": true
+        },
+        "unique-string": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-1.0.0.tgz",
+          "integrity": "sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=",
+          "dev": true,
+          "requires": {
+            "crypto-random-string": "^1.0.0"
+          }
+        },
+        "write-file-atomic": {
+          "version": "2.4.3",
+          "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
+          "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.11",
+            "imurmurhash": "^0.1.4",
+            "signal-exit": "^3.0.2"
+          }
+        }
+      }
+    },
     "confusing-browser-globals": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
@@ -11826,16 +12473,6 @@
       "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
       "dev": true
     },
-    "constant-case": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-2.0.0.tgz",
-      "integrity": "sha1-QXV2TTidP6nI7NKRhu1gBSQ7akY=",
-      "dev": true,
-      "requires": {
-        "snake-case": "^2.1.0",
-        "upper-case": "^1.1.1"
-      }
-    },
     "constants-browserify": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
@@ -12252,6 +12889,15 @@
         }
       }
     },
+    "create-error-class": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/create-error-class/-/create-error-class-3.0.2.tgz",
+      "integrity": "sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=",
+      "dev": true,
+      "requires": {
+        "capture-stack-trace": "^1.0.0"
+      }
+    },
     "create-hash": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
@@ -12440,15 +13086,16 @@
       "dev": true
     },
     "css-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
-      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
       "dev": true,
       "requires": {
         "boolbase": "^1.0.0",
-        "css-what": "^3.2.1",
-        "domutils": "^1.7.0",
-        "nth-check": "^1.0.2"
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
       }
     },
     "css-select-base-adapter": {
@@ -12458,12 +13105,12 @@
       "dev": true
     },
     "css-tree": {
-      "version": "1.0.0-alpha.37",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
-      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
       "dev": true,
       "requires": {
-        "mdn-data": "2.0.4",
+        "mdn-data": "2.0.14",
         "source-map": "^0.6.1"
       },
       "dependencies": {
@@ -12476,9 +13123,9 @@
       }
     },
     "css-what": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
-      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
       "dev": true
     },
     "cssdb": {
@@ -12635,7 +13282,6 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
       "requires": {
         "ms": "2.1.2"
       }
@@ -12670,18 +13316,48 @@
       "integrity": "sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==",
       "dev": true
     },
+    "decode-named-character-reference": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.1.tgz",
+      "integrity": "sha512-YV/0HQHreRwKb7uBopyIkLG17jG6Sv2qUchk9qSoVJ2f+flwRsPNBO0hAnjt6mTNYUT+vw9Gy2ihXg4sUWPi2w==",
+      "requires": {
+        "character-entities": "^2.0.0"
+      },
+      "dependencies": {
+        "character-entities": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.1.tgz",
+          "integrity": "sha512-OzmutCf2Kmc+6DrFrrPS8/tDh2+DpnrfzdICHWhcVC9eOd0N1PXmQEE1a8iM4IziIAG+8tmTq3K+oo0ubH6RRQ=="
+        }
+      }
+    },
     "decode-uri-component": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
       "dev": true
     },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
     "dedent": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
       "integrity": "sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=",
       "dev": true
     },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true
+    },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -12709,6 +13385,12 @@
         "execa": "^5.0.0"
       }
     },
+    "defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
+      "dev": true
+    },
     "define-lazy-prop": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
@@ -12795,6 +13477,11 @@
       "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
       "dev": true
     },
+    "dequal": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
+      "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug=="
+    },
     "des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -12820,6 +13507,12 @@
         "repeat-string": "^1.5.4"
       }
     },
+    "detect-indent": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
+      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
+      "dev": true
+    },
     "detect-newline": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -12876,6 +13569,11 @@
       "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
       "dev": true
     },
+    "diff": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.0.0.tgz",
+      "integrity": "sha512-/VTCrvm5Z0JGty/BWHljh+BAiw3IK+2j87NGMu8Nwc/f48WoDAC395uomO9ZD117ZOBaHmkX1oyLvkVM/aIT3w=="
+    },
     "diff-sequences": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
@@ -12959,21 +13657,14 @@
       }
     },
     "dom-serializer": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
-      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
       "dev": true,
       "requires": {
         "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
         "entities": "^2.0.0"
-      },
-      "dependencies": {
-        "domelementtype": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-          "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-          "dev": true
-        }
       }
     },
     "dom-walk": {
@@ -12989,9 +13680,9 @@
       "dev": true
     },
     "domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
       "dev": true
     },
     "domexception": {
@@ -13029,13 +13720,14 @@
       }
     },
     "domutils": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
       "dev": true,
       "requires": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
       }
     },
     "dot-case": {
@@ -13056,6 +13748,15 @@
         }
       }
     },
+    "dot-prop": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.1.tgz",
+      "integrity": "sha512-l0p4+mIuJIua0mhxGoh4a+iNL9bmeK5DvnSVQa6T0OhrVmaEa1XScX5Etc673FePCJOArq/4Pa2cLGODUWTPOQ==",
+      "dev": true,
+      "requires": {
+        "is-obj": "^1.0.0"
+      }
+    },
     "dotenv": {
       "version": "10.0.0",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz",
@@ -13101,6 +13802,12 @@
       "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
       "dev": true
     },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=",
+      "dev": true
+    },
     "duplexify": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
@@ -13130,6 +13837,48 @@
         }
       }
     },
+    "editorconfig": {
+      "version": "0.15.3",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
+      "integrity": "sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==",
+      "dev": true,
+      "requires": {
+        "commander": "^2.19.0",
+        "lru-cache": "^4.1.5",
+        "semver": "^5.6.0",
+        "sigmund": "^1.0.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "4.1.5",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+          "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+          "dev": true,
+          "requires": {
+            "pseudomap": "^1.0.2",
+            "yallist": "^2.1.2"
+          }
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+          "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+          "dev": true
+        }
+      }
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -13201,12 +13950,6 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
-    "emoticon": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/emoticon/-/emoticon-3.2.0.tgz",
-      "integrity": "sha512-SNujglcLTTg+lDAcApPNgEdudaqQFiAbJCqzjNxJkvN9vAwCGi0uu8IUVvx+f16h+V44KCY6Y2yboroc9pilHg==",
-      "dev": true
-    },
     "emotion-theming": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/emotion-theming/-/emotion-theming-10.3.0.tgz",
@@ -13224,26 +13967,6 @@
       "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
       "dev": true
     },
-    "encoding": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "dev": true,
-      "requires": {
-        "iconv-lite": "^0.6.2"
-      },
-      "dependencies": {
-        "iconv-lite": {
-          "version": "0.6.3",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-          "dev": true,
-          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3.0.0"
-          }
-        }
-      }
-    },
     "end-of-stream": {
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -13388,33 +14111,192 @@
       "integrity": "sha512-vfQ4UAai8szn0sAubCy97xnZ4sJVDD1gt/Grn736hg8D7540wemIb1YPrYZSTqlM2H69EQX1or4HU/tSwRTI3w==",
       "dev": true
     },
-    "es6-promise": {
-      "version": "4.2.8",
-      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
-      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
-      "dev": true
-    },
-    "es6-promisify": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
-      "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=",
-      "dev": true,
-      "requires": {
-        "es6-promise": "^4.0.3"
-      }
-    },
     "es6-shim": {
       "version": "0.35.6",
       "resolved": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.6.tgz",
       "integrity": "sha512-EmTr31wppcaIAgblChZiuN/l9Y7DPyw8Xtbg7fIVngn6zMW+IEBJDJngeKC3x6wr0V/vcA2wqeFnaw1bFJbDdA==",
       "dev": true
     },
+    "esbuild": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.36.tgz",
+      "integrity": "sha512-HhFHPiRXGYOCRlrhpiVDYKcFJRdO0sBElZ668M4lh2ER0YgnkLxECuFe7uWCf23FrcLc59Pqr7dHkTqmRPDHmw==",
+      "dev": true,
+      "requires": {
+        "esbuild-android-64": "0.14.36",
+        "esbuild-android-arm64": "0.14.36",
+        "esbuild-darwin-64": "0.14.36",
+        "esbuild-darwin-arm64": "0.14.36",
+        "esbuild-freebsd-64": "0.14.36",
+        "esbuild-freebsd-arm64": "0.14.36",
+        "esbuild-linux-32": "0.14.36",
+        "esbuild-linux-64": "0.14.36",
+        "esbuild-linux-arm": "0.14.36",
+        "esbuild-linux-arm64": "0.14.36",
+        "esbuild-linux-mips64le": "0.14.36",
+        "esbuild-linux-ppc64le": "0.14.36",
+        "esbuild-linux-riscv64": "0.14.36",
+        "esbuild-linux-s390x": "0.14.36",
+        "esbuild-netbsd-64": "0.14.36",
+        "esbuild-openbsd-64": "0.14.36",
+        "esbuild-sunos-64": "0.14.36",
+        "esbuild-windows-32": "0.14.36",
+        "esbuild-windows-64": "0.14.36",
+        "esbuild-windows-arm64": "0.14.36"
+      }
+    },
+    "esbuild-android-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.36.tgz",
+      "integrity": "sha512-jwpBhF1jmo0tVCYC/ORzVN+hyVcNZUWuozGcLHfod0RJCedTDTvR4nwlTXdx1gtncDqjk33itjO+27OZHbiavw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-android-arm64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.36.tgz",
+      "integrity": "sha512-/hYkyFe7x7Yapmfv4X/tBmyKnggUmdQmlvZ8ZlBnV4+PjisrEhAvC3yWpURuD9XoB8Wa1d5dGkTsF53pIvpjsg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-darwin-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.36.tgz",
+      "integrity": "sha512-kkl6qmV0dTpyIMKagluzYqlc1vO0ecgpviK/7jwPbRDEv5fejRTaBBEE2KxEQbTHcLhiiDbhG7d5UybZWo/1zQ==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-darwin-arm64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.36.tgz",
+      "integrity": "sha512-q8fY4r2Sx6P0Pr3VUm//eFYKVk07C5MHcEinU1BjyFnuYz4IxR/03uBbDwluR6ILIHnZTE7AkTUWIdidRi1Jjw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-freebsd-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.36.tgz",
+      "integrity": "sha512-Hn8AYuxXXRptybPqoMkga4HRFE7/XmhtlQjXFHoAIhKUPPMeJH35GYEUWGbjteai9FLFvBAjEAlwEtSGxnqWww==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-freebsd-arm64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.36.tgz",
+      "integrity": "sha512-S3C0attylLLRiCcHiJd036eDEMOY32+h8P+jJ3kTcfhJANNjP0TNBNL30TZmEdOSx/820HJFgRrqpNAvTbjnDA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-32": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.36.tgz",
+      "integrity": "sha512-Eh9OkyTrEZn9WGO4xkI3OPPpUX7p/3QYvdG0lL4rfr73Ap2HAr6D9lP59VMF64Ex01LhHSXwIsFG/8AQjh6eNw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.36.tgz",
+      "integrity": "sha512-vFVFS5ve7PuwlfgoWNyRccGDi2QTNkQo/2k5U5ttVD0jRFaMlc8UQee708fOZA6zTCDy5RWsT5MJw3sl2X6KDg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-arm": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.36.tgz",
+      "integrity": "sha512-NhgU4n+NCsYgt7Hy61PCquEz5aevI6VjQvxwBxtxrooXsxt5b2xtOUXYZe04JxqQo+XZk3d1gcr7pbV9MAQ/Lg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-arm64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.36.tgz",
+      "integrity": "sha512-24Vq1M7FdpSmaTYuu1w0Hdhiqkbto1I5Pjyi+4Cdw5fJKGlwQuw+hWynTcRI/cOZxBcBpP21gND7W27gHAiftw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-mips64le": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.36.tgz",
+      "integrity": "sha512-hZUeTXvppJN+5rEz2EjsOFM9F1bZt7/d2FUM1lmQo//rXh1RTFYzhC0txn7WV0/jCC7SvrGRaRz0NMsRPf8SIA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-ppc64le": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.36.tgz",
+      "integrity": "sha512-1Bg3QgzZjO+QtPhP9VeIBhAduHEc2kzU43MzBnMwpLSZ890azr4/A9Dganun8nsqD/1TBcqhId0z4mFDO8FAvg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-riscv64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.36.tgz",
+      "integrity": "sha512-dOE5pt3cOdqEhaufDRzNCHf5BSwxgygVak9UR7PH7KPVHwSTDAZHDoEjblxLqjJYpc5XaU9+gKJ9F8mp9r5I4A==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-s390x": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.36.tgz",
+      "integrity": "sha512-g4FMdh//BBGTfVHjF6MO7Cz8gqRoDPzXWxRvWkJoGroKA18G9m0wddvPbEqcQf5Tbt2vSc1CIgag7cXwTmoTXg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-netbsd-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.36.tgz",
+      "integrity": "sha512-UB2bVImxkWk4vjnP62ehFNZ73lQY1xcnL5ZNYF3x0AG+j8HgdkNF05v67YJdCIuUJpBuTyCK8LORCYo9onSW+A==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-openbsd-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.36.tgz",
+      "integrity": "sha512-NvGB2Chf8GxuleXRGk8e9zD3aSdRO5kLt9coTQbCg7WMGXeX471sBgh4kSg8pjx0yTXRt0MlrUDnjVYnetyivg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-sunos-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.36.tgz",
+      "integrity": "sha512-VkUZS5ftTSjhRjuRLp+v78auMO3PZBXu6xl4ajomGenEm2/rGuWlhFSjB7YbBNErOchj51Jb2OK8lKAo8qdmsQ==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-32": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.36.tgz",
+      "integrity": "sha512-bIar+A6hdytJjZrDxfMBUSEHHLfx3ynoEZXx/39nxy86pX/w249WZm8Bm0dtOAByAf4Z6qV0LsnTIJHiIqbw0w==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.36.tgz",
+      "integrity": "sha512-+p4MuRZekVChAeueT1Y9LGkxrT5x7YYJxYE8ZOTcEfeUUN43vktSn6hUNsvxzzATrSgq5QqRdllkVBxWZg7KqQ==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-arm64": {
+      "version": "0.14.36",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.36.tgz",
+      "integrity": "sha512-fBB4WlDqV1m18EF/aheGYQkQZHfPHiHJSBYzXIo8yKehek+0BtBwo/4PNwKGJ5T0YK0oc8pBKjgwPbzSrPLb+Q==",
+      "dev": true,
+      "optional": true
+    },
     "escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
       "dev": true
     },
+    "escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "dev": true
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -13612,6 +14494,249 @@
         }
       }
     },
+    "eslint-config-next": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-12.1.5.tgz",
+      "integrity": "sha512-P+DCt5ti63KhC0qNLzrAmPcwRGq8pYqgcf/NNr1E+WjCrMkWdCAXkIANTquo+kcO1adR2k1lTo5GCrNUtKy4hQ==",
+      "dev": true,
+      "requires": {
+        "@next/eslint-plugin-next": "12.1.5",
+        "@rushstack/eslint-patch": "1.0.8",
+        "@typescript-eslint/parser": "5.10.1",
+        "eslint-import-resolver-node": "0.3.4",
+        "eslint-import-resolver-typescript": "2.4.0",
+        "eslint-plugin-import": "2.25.2",
+        "eslint-plugin-jsx-a11y": "6.5.1",
+        "eslint-plugin-react": "7.29.1",
+        "eslint-plugin-react-hooks": "4.3.0"
+      },
+      "dependencies": {
+        "@rushstack/eslint-patch": {
+          "version": "1.0.8",
+          "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.0.8.tgz",
+          "integrity": "sha512-ZK5v4bJwgXldAUA8r3q9YKfCwOqoHTK/ZqRjSeRXQrBXWouoPnS4MQtgC4AXGiiBuUu5wxrRgTlv0ktmM4P1Aw==",
+          "dev": true
+        },
+        "@typescript-eslint/parser": {
+          "version": "5.10.1",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.10.1.tgz",
+          "integrity": "sha512-GReo3tjNBwR5RnRO0K2wDIDN31cM3MmDtgyQ85oAxAmC5K3j/g85IjP+cDfcqDsDDBf1HNKQAD0WqOYL8jXqUA==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/scope-manager": "5.10.1",
+            "@typescript-eslint/types": "5.10.1",
+            "@typescript-eslint/typescript-estree": "5.10.1",
+            "debug": "^4.3.2"
+          }
+        },
+        "@typescript-eslint/scope-manager": {
+          "version": "5.10.1",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.10.1.tgz",
+          "integrity": "sha512-Lyvi559Gvpn94k7+ElXNMEnXu/iundV5uFmCUNnftbFrUbAJ1WBoaGgkbOBm07jVZa682oaBU37ao/NGGX4ZDg==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.10.1",
+            "@typescript-eslint/visitor-keys": "5.10.1"
+          }
+        },
+        "@typescript-eslint/types": {
+          "version": "5.10.1",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.10.1.tgz",
+          "integrity": "sha512-ZvxQ2QMy49bIIBpTqFiOenucqUyjTQ0WNLhBM6X1fh1NNlYAC6Kxsx8bRTY3jdYsYg44a0Z/uEgQkohbR0H87Q==",
+          "dev": true
+        },
+        "@typescript-eslint/typescript-estree": {
+          "version": "5.10.1",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.10.1.tgz",
+          "integrity": "sha512-PwIGnH7jIueXv4opcwEbVGDATjGPO1dx9RkUl5LlHDSe+FXxPwFL5W/qYd5/NHr7f6lo/vvTrAzd0KlQtRusJQ==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.10.1",
+            "@typescript-eslint/visitor-keys": "5.10.1",
+            "debug": "^4.3.2",
+            "globby": "^11.0.4",
+            "is-glob": "^4.0.3",
+            "semver": "^7.3.5",
+            "tsutils": "^3.21.0"
+          }
+        },
+        "@typescript-eslint/visitor-keys": {
+          "version": "5.10.1",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.10.1.tgz",
+          "integrity": "sha512-NjQ0Xinhy9IL979tpoTRuLKxMc0zJC7QVSdeerXs2/QvOy2yRkzX5dRb10X5woNUdJgU8G3nYRDlI33sq1K4YQ==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.10.1",
+            "eslint-visitor-keys": "^3.0.0"
+          }
+        },
+        "doctrine": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+          "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2"
+          }
+        },
+        "eslint-import-resolver-node": {
+          "version": "0.3.4",
+          "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
+          "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+          "dev": true,
+          "requires": {
+            "debug": "^2.6.9",
+            "resolve": "^1.13.1"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "2.6.9",
+              "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+              "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+              "dev": true,
+              "requires": {
+                "ms": "2.0.0"
+              }
+            }
+          }
+        },
+        "eslint-plugin-import": {
+          "version": "2.25.2",
+          "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.25.2.tgz",
+          "integrity": "sha512-qCwQr9TYfoBHOFcVGKY9C9unq05uOxxdklmBXLVvcwo68y5Hta6/GzCZEMx2zQiu0woKNEER0LE7ZgaOfBU14g==",
+          "dev": true,
+          "requires": {
+            "array-includes": "^3.1.4",
+            "array.prototype.flat": "^1.2.5",
+            "debug": "^2.6.9",
+            "doctrine": "^2.1.0",
+            "eslint-import-resolver-node": "^0.3.6",
+            "eslint-module-utils": "^2.7.0",
+            "has": "^1.0.3",
+            "is-core-module": "^2.7.0",
+            "is-glob": "^4.0.3",
+            "minimatch": "^3.0.4",
+            "object.values": "^1.1.5",
+            "resolve": "^1.20.0",
+            "tsconfig-paths": "^3.11.0"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "2.6.9",
+              "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+              "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+              "dev": true,
+              "requires": {
+                "ms": "2.0.0"
+              }
+            },
+            "eslint-import-resolver-node": {
+              "version": "0.3.6",
+              "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
+              "integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
+              "dev": true,
+              "requires": {
+                "debug": "^3.2.7",
+                "resolve": "^1.20.0"
+              },
+              "dependencies": {
+                "debug": {
+                  "version": "3.2.7",
+                  "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                  "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                  "dev": true,
+                  "requires": {
+                    "ms": "^2.1.1"
+                  }
+                },
+                "ms": {
+                  "version": "2.1.3",
+                  "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                  "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+                  "dev": true
+                }
+              }
+            }
+          }
+        },
+        "eslint-plugin-react": {
+          "version": "7.29.1",
+          "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.29.1.tgz",
+          "integrity": "sha512-WtzRpHMhsOX05ZrkyaaqmLl2uXGqmYooCfBxftJKlkYdsltiufGgfU7uuoHwR2lBam2Kh/EIVID4aU9e3kbCMA==",
+          "dev": true,
+          "requires": {
+            "array-includes": "^3.1.4",
+            "array.prototype.flatmap": "^1.2.5",
+            "doctrine": "^2.1.0",
+            "estraverse": "^5.3.0",
+            "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+            "minimatch": "^3.1.2",
+            "object.entries": "^1.1.5",
+            "object.fromentries": "^2.0.5",
+            "object.hasown": "^1.1.0",
+            "object.values": "^1.1.5",
+            "prop-types": "^15.8.1",
+            "resolve": "^2.0.0-next.3",
+            "semver": "^6.3.0",
+            "string.prototype.matchall": "^4.0.6"
+          },
+          "dependencies": {
+            "resolve": {
+              "version": "2.0.0-next.3",
+              "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.3.tgz",
+              "integrity": "sha512-W8LucSynKUIDu9ylraa7ueVZ7hc0uAgJBxVsQSKOXOyle8a93qXhcz+XAXZ8bIq2d6i4Ehddn6Evt+0/UwKk6Q==",
+              "dev": true,
+              "requires": {
+                "is-core-module": "^2.2.0",
+                "path-parse": "^1.0.6"
+              }
+            },
+            "semver": {
+              "version": "6.3.0",
+              "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+              "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+              "dev": true
+            }
+          }
+        },
+        "eslint-plugin-react-hooks": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.3.0.tgz",
+          "integrity": "sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "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"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
     "eslint-config-react-app": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-7.0.0.tgz",
@@ -13655,6 +14780,19 @@
         }
       }
     },
+    "eslint-import-resolver-typescript": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-2.4.0.tgz",
+      "integrity": "sha512-useJKURidCcldRLCNKWemr1fFQL1SzB3G4a0li6lFGvlc5xGe1hY343bvG07cbpCzPuM/lK19FIJB3XGFSkplA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "glob": "^7.1.6",
+        "is-glob": "^4.0.1",
+        "resolve": "^1.17.0",
+        "tsconfig-paths": "^3.9.0"
+      }
+    },
     "eslint-module-utils": {
       "version": "2.7.3",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz",
@@ -13967,6 +15105,52 @@
         "c8": "^7.6.0"
       }
     },
+    "estree-util-attach-comments": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-attach-comments/-/estree-util-attach-comments-2.0.0.tgz",
+      "integrity": "sha512-kT9YVRvlt2ewPp9BazfIIgXMGsXOEpOm57bK8aa4F3eOEndMml2JAETjWaG3SZYHmC6axSNIzHGY718dYwIuVg==",
+      "requires": {
+        "@types/estree": "^0.0.46"
+      },
+      "dependencies": {
+        "@types/estree": {
+          "version": "0.0.46",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.46.tgz",
+          "integrity": "sha512-laIjwTQaD+5DukBZaygQ79K1Z0jb1bPEMRrkXSLjtCcZm+abyp5YbrqpSLzD42FwWW6gK/aS4NYpJ804nG2brg=="
+        }
+      }
+    },
+    "estree-util-build-jsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-build-jsx/-/estree-util-build-jsx-2.0.0.tgz",
+      "integrity": "sha512-d49hPGqBCJF/bF06g1Ywg7zjH1mrrUdPPrixBlKBxcX4WvMYlUUJ8BkrwlzWc8/fm6XqGgk5jilhgeZBDEGwOQ==",
+      "requires": {
+        "@types/estree-jsx": "^0.0.1",
+        "estree-util-is-identifier-name": "^2.0.0",
+        "estree-walker": "^3.0.0"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
+          "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+        }
+      }
+    },
+    "estree-util-is-identifier-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.0.0.tgz",
+      "integrity": "sha512-aXXZFVMnBBDRP81vS4YtAYJ0hUkgEsXea7lNKWCOeaAquGb1Jm2rcONPB5fpzwgbNxulTvrWuKnp9UElUGAKeQ=="
+    },
+    "estree-util-visit": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-1.1.0.tgz",
+      "integrity": "sha512-3lXJ4Us9j8TUif9cWcQy81t9p5OLasnDuuhrFiqb+XstmKC1d1LmrQWYsY49/9URcfHE64mPypDBaNK9NwWDPQ==",
+      "requires": {
+        "@types/estree-jsx": "^0.0.1",
+        "@types/unist": "^2.0.0"
+      }
+    },
     "estree-walker": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
@@ -14168,17 +15352,10 @@
         }
       }
     },
-    "express-history-api-fallback": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/express-history-api-fallback/-/express-history-api-fallback-2.2.1.tgz",
-      "integrity": "sha1-OirSf3vryQ/FM9EQ18bYMJe80Fc=",
-      "dev": true
-    },
     "extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "dev": true
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
     },
     "extend-shallow": {
       "version": "3.0.2",
@@ -14201,6 +15378,17 @@
         }
       }
     },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      }
+    },
     "extglob": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
@@ -14266,35 +15454,6 @@
         }
       }
     },
-    "extract-zip": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
-      "dev": true,
-      "requires": {
-        "concat-stream": "^1.6.2",
-        "debug": "^2.6.9",
-        "mkdirp": "^0.5.4",
-        "yauzl": "^2.10.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-          "dev": true
-        }
-      }
-    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -14385,21 +15544,21 @@
         "bser": "2.1.1"
       }
     },
-    "fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
-      "dev": true,
-      "requires": {
-        "pend": "~1.2.0"
-      }
-    },
     "figgy-pudding": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
     "file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -14813,6 +15972,12 @@
         }
       }
     },
+    "fs-exists-sync": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz",
+      "integrity": "sha1-mC1ok6+RjnLQjeyehnP/K1qNat0=",
+      "dev": true
+    },
     "fs-extra": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.1.tgz",
@@ -14997,11 +16162,37 @@
       "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
       "dev": true
     },
-    "github-slugger": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.4.0.tgz",
-      "integrity": "sha512-w0dzqw/nt51xMVmlaV1+JRzN+oCa1KfcgGEWhxUG16wbdA+Xnt/yoFO8Z8x/V82ZcZ0wy6ln9QDup5avbhiDhQ==",
-      "dev": true
+    "git-config-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-1.0.1.tgz",
+      "integrity": "sha1-bTP37WPbDQ4RgTFQO6s6ykfVRmQ=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "homedir-polyfill": "^1.0.0"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "git-username": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/git-username/-/git-username-1.0.0.tgz",
+      "integrity": "sha512-xm45KwBR6Eu1jO4umx/o2M84v9TC7tdOBuzLx8ayhdR9H1FBiiG9azz31uC0esDvaWVBTDINpJ5USomk+ja8OQ==",
+      "dev": true,
+      "requires": {
+        "parse-github-url": "^1.0.2",
+        "remote-origin-url": "^1.0.0"
+      }
     },
     "glob": {
       "version": "7.2.0",
@@ -15051,6 +16242,15 @@
         "process": "^0.11.10"
       }
     },
+    "global-dirs": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
+      "integrity": "sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=",
+      "dev": true,
+      "requires": {
+        "ini": "^1.3.4"
+      }
+    },
     "global-modules": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
@@ -15117,6 +16317,39 @@
       "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
       "dev": true
     },
+    "got": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/got/-/got-6.7.1.tgz",
+      "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=",
+      "dev": true,
+      "requires": {
+        "create-error-class": "^3.0.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^3.0.0",
+        "is-redirect": "^1.0.0",
+        "is-retry-allowed": "^1.0.0",
+        "is-stream": "^1.0.0",
+        "lowercase-keys": "^1.0.0",
+        "safe-buffer": "^5.0.1",
+        "timed-out": "^4.0.0",
+        "unzip-response": "^2.0.1",
+        "url-parse-lax": "^1.0.0"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+          "dev": true
+        },
+        "is-stream": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+          "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+          "dev": true
+        }
+      }
+    },
     "graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
@@ -15192,6 +16425,23 @@
         "function-bind": "^1.1.1"
       }
     },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        }
+      }
+    },
     "has-bigints": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.1.tgz",
@@ -15224,6 +16474,12 @@
         }
       }
     },
+    "has-own-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-own-prop/-/has-own-prop-2.0.0.tgz",
+      "integrity": "sha512-Pq0h+hvsVm6dDEa8x82GnLSYHOzNDt7f0ddFa3FqcQlgzEiptPqL+XrOJNavjOzSYiYWIrgeVYYgGlLmnxwilQ==",
+      "dev": true
+    },
     "has-symbols": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
@@ -15305,6 +16561,12 @@
         }
       }
     },
+    "has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
+      "dev": true
+    },
     "hash-base": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
@@ -15387,6 +16649,57 @@
         "zwitch": "^1.0.0"
       }
     },
+    "hast-util-to-estree": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-estree/-/hast-util-to-estree-2.0.2.tgz",
+      "integrity": "sha512-UQrZVeBj6A9od0lpFvqHKNSH9zvDrNoyWKbveu1a2oSCXEDUI+3bnd6BoiQLPnLrcXXn/jzJ6y9hmJTTlvf8lQ==",
+      "requires": {
+        "@types/estree-jsx": "^0.0.1",
+        "@types/hast": "^2.0.0",
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "estree-util-attach-comments": "^2.0.0",
+        "estree-util-is-identifier-name": "^2.0.0",
+        "hast-util-whitespace": "^2.0.0",
+        "mdast-util-mdx-expression": "^1.0.0",
+        "mdast-util-mdxjs-esm": "^1.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.3.0",
+        "unist-util-position": "^4.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "dependencies": {
+        "comma-separated-tokens": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.2.tgz",
+          "integrity": "sha512-G5yTt3KQN4Yn7Yk4ed73hlZ1evrFKXeUW3086p3PRFNp7m2vIjI6Pg+Kgb+oyzhd9F2qdcoj67+y3SdxL5XWsg=="
+        },
+        "property-information": {
+          "version": "6.1.1",
+          "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.1.1.tgz",
+          "integrity": "sha512-hrzC564QIl0r0vy4l6MvRLhafmUowhO/O3KgVSoXIbbA2Sz4j8HGpJc6T2cubRVwMwpdiG/vKGfhT4IixmKN9w=="
+        },
+        "space-separated-tokens": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
+          "integrity": "sha512-ekwEbFp5aqSPKaqeY1PGrlGQxPNaq+Cnx4+bE2D8sciBQrHpbwoBbawqTN2+6jPs9IdWxxiUcN0K2pkczD3zmw=="
+        },
+        "unist-util-position": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.3.tgz",
+          "integrity": "sha512-p/5EMGIa1qwbXjA+QgcBXaPWjSnZfQ2Sc3yBEEfgPwsEmJd8Qh+DSk3LGnmOM4S1bY2C0AjmMnB8RuEYxpPwXQ==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "zwitch": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
+          "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
+        }
+      }
+    },
     "hast-util-to-parse5": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-6.0.0.tgz",
@@ -15406,6 +16719,11 @@
       "integrity": "sha512-eK0MxRX47AV2eZ+Lyr18DCpQgodvaS3fAQO2+b9Two9F5HEoRPhiUMNzoXArMJfZi2yieFzUBMRl3HNJ3Jus3w==",
       "dev": true
     },
+    "hast-util-whitespace": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.0.tgz",
+      "integrity": "sha512-Pkw+xBHuV6xFeJprJe2BBEoDV+AvQySaz3pPDRUs5PNZEMQjpXJJueqrpcHIXxnWTcAGi/UOCgVShlkY6kLoqg=="
+    },
     "hastscript": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-6.0.0.tgz",
@@ -15425,47 +16743,11 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
-    "header-case": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/header-case/-/header-case-1.0.1.tgz",
-      "integrity": "sha1-lTWXMZfBRLCWE81l0xfvGZY70C0=",
-      "dev": true,
-      "requires": {
-        "no-case": "^2.2.0",
-        "upper-case": "^1.1.3"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        }
-      }
-    },
     "hey-listen": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
       "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q=="
     },
-    "highland": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/highland/-/highland-2.13.0.tgz",
-      "integrity": "sha512-zGZBcgAHPY2Zf9VG9S5IrlcC7CH9ELioXVtp9T5bU2a4fP2zIsA+Y8pV/n/h2lMwbWMHTX0I0xN0ODJ3Pd3aBQ==",
-      "dev": true,
-      "requires": {
-        "util-deprecate": "^1.0.2"
-      }
-    },
     "highlight.js": {
       "version": "10.7.3",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
@@ -15476,6 +16758,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz",
       "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==",
+      "dev": true,
       "requires": {
         "@babel/runtime": "^7.7.6"
       }
@@ -15500,6 +16783,15 @@
         "react-is": "^16.7.0"
       }
     },
+    "homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "dev": true,
+      "requires": {
+        "parse-passwd": "^1.0.0"
+      }
+    },
     "hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -15562,96 +16854,6 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
-    "html-minifier": {
-      "version": "3.5.21",
-      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
-      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
-      "dev": true,
-      "requires": {
-        "camel-case": "3.0.x",
-        "clean-css": "4.2.x",
-        "commander": "2.17.x",
-        "he": "1.2.x",
-        "param-case": "2.1.x",
-        "relateurl": "0.2.x",
-        "uglify-js": "3.4.x"
-      },
-      "dependencies": {
-        "camel-case": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
-          "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
-          "dev": true,
-          "requires": {
-            "no-case": "^2.2.0",
-            "upper-case": "^1.1.1"
-          }
-        },
-        "clean-css": {
-          "version": "4.2.4",
-          "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
-          "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
-          "dev": true,
-          "requires": {
-            "source-map": "~0.6.0"
-          }
-        },
-        "commander": {
-          "version": "2.17.1",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
-          "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
-          "dev": true
-        },
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        },
-        "param-case": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
-          "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
-          "dev": true,
-          "requires": {
-            "no-case": "^2.2.0"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
-        "uglify-js": {
-          "version": "3.4.10",
-          "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
-          "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
-          "dev": true,
-          "requires": {
-            "commander": "~2.19.0",
-            "source-map": "~0.6.1"
-          },
-          "dependencies": {
-            "commander": {
-              "version": "2.19.0",
-              "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
-              "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==",
-              "dev": true
-            }
-          }
-        }
-      }
-    },
     "html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -15742,6 +16944,12 @@
         }
       }
     },
+    "http-cache-semantics": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
+      "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==",
+      "dev": true
+    },
     "http-deceiver": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
@@ -15872,6 +17080,15 @@
       "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "dev": true
     },
+    "image-size": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.0.1.tgz",
+      "integrity": "sha512-VAwkvNSNGClRw9mDHhc5Efax8PLlsOGcUTh0T/LIriC8vPA3U5PdqXWqkz406MoYHMKW8Uf9gWr05T/rYB44kQ==",
+      "dev": true,
+      "requires": {
+        "queue": "6.0.2"
+      }
+    },
     "immer": {
       "version": "9.0.12",
       "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.12.tgz",
@@ -15932,24 +17149,95 @@
         "wrappy": "1"
       }
     },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "inline-style-parser": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
-      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==",
-      "dev": true
-    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
+    },
+    "inquirer": {
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
+      "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^3.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.19",
+        "mute-stream": "0.0.8",
+        "run-async": "^2.4.0",
+        "rxjs": "^6.6.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "internal-slot": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -16080,6 +17368,23 @@
       "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==",
       "dev": true
     },
+    "is-ci": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-1.2.1.tgz",
+      "integrity": "sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==",
+      "dev": true,
+      "requires": {
+        "ci-info": "^1.5.0"
+      },
+      "dependencies": {
+        "ci-info": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-1.6.0.tgz",
+          "integrity": "sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==",
+          "dev": true
+        }
+      }
+    },
     "is-core-module": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
@@ -16143,6 +17448,12 @@
         }
       }
     },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=",
+      "dev": true
+    },
     "is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -16204,21 +17515,14 @@
       "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
       "dev": true
     },
-    "is-lower-case": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/is-lower-case/-/is-lower-case-1.1.3.tgz",
-      "integrity": "sha1-fhR75HaNxGbbO/shzGCzHmrWk5M=",
+    "is-installed-globally": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.1.0.tgz",
+      "integrity": "sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=",
       "dev": true,
       "requires": {
-        "lower-case": "^1.1.0"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        }
+        "global-dirs": "^0.1.0",
+        "is-path-inside": "^1.0.0"
       }
     },
     "is-map": {
@@ -16239,6 +17543,12 @@
       "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
       "dev": true
     },
+    "is-npm": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-1.0.0.tgz",
+      "integrity": "sha1-8vtjpl5JBbQGyGBydloaTceTufQ=",
+      "dev": true
+    },
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -16266,6 +17576,15 @@
       "integrity": "sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==",
       "dev": true
     },
+    "is-path-inside": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+      "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=",
+      "dev": true,
+      "requires": {
+        "path-is-inside": "^1.0.1"
+      }
+    },
     "is-plain-obj": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
@@ -16295,6 +17614,20 @@
       "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
       "dev": true
     },
+    "is-redirect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-redirect/-/is-redirect-1.0.0.tgz",
+      "integrity": "sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=",
+      "dev": true
+    },
+    "is-reference": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.0.tgz",
+      "integrity": "sha512-Eo1W3wUoHWoCoVM4GVl/a+K0IgiqE5aIo4kJABFyMum1ZORlPkC+UC357sSQUL5w5QCE5kCC9upl75b7+7CY/Q==",
+      "requires": {
+        "@types/estree": "*"
+      }
+    },
     "is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@@ -16311,6 +17644,12 @@
       "integrity": "sha1-/S2INUXEa6xaYz57mgnof6LLUGk=",
       "dev": true
     },
+    "is-retry-allowed": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz",
+      "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==",
+      "dev": true
+    },
     "is-root": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-root/-/is-root-2.1.0.tgz",
@@ -16362,21 +17701,6 @@
       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
       "dev": true
     },
-    "is-upper-case": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-upper-case/-/is-upper-case-1.1.2.tgz",
-      "integrity": "sha1-jQsfp+eTOh5YSDYA7H2WYcuvdW8=",
-      "dev": true,
-      "requires": {
-        "upper-case": "^1.1.0"
-      }
-    },
-    "is-url": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
-      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
-      "dev": true
-    },
     "is-weakref": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -16419,6 +17743,12 @@
         "is-docker": "^2.0.0"
       }
     },
+    "is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==",
+      "dev": true
+    },
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
@@ -16437,34 +17767,6 @@
       "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==",
       "dev": true
     },
-    "isomorphic-fetch": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
-      "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
-      "dev": true,
-      "requires": {
-        "node-fetch": "^1.0.1",
-        "whatwg-fetch": ">=0.10.0"
-      },
-      "dependencies": {
-        "is-stream": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-          "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
-          "dev": true
-        },
-        "node-fetch": {
-          "version": "1.7.3",
-          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
-          "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
-          "dev": true,
-          "requires": {
-            "encoding": "^0.1.11",
-            "is-stream": "^1.0.1"
-          }
-        }
-      }
-    },
     "istanbul-lib-coverage": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
@@ -18047,6 +19349,12 @@
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
       "dev": true
     },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=",
+      "dev": true
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -18115,6 +19423,15 @@
       "integrity": "sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==",
       "dev": true
     },
+    "keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -18163,6 +19480,15 @@
         "language-subtag-registry": "~0.3.2"
       }
     },
+    "latest-version": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-3.1.0.tgz",
+      "integrity": "sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=",
+      "dev": true,
+      "requires": {
+        "package-json": "^4.0.0"
+      }
+    },
     "lazy-universal-dotenv": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-3.0.1.tgz",
@@ -18184,22 +19510,362 @@
         }
       }
     },
-    "leven": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-      "dev": true
-    },
-    "levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "requires": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      }
-    },
+    "leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true
+    },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
+    "libnpx": {
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/libnpx/-/libnpx-10.2.4.tgz",
+      "integrity": "sha512-BPc0D1cOjBeS8VIBKUu5F80s6njm0wbVt7CsGMrIcJ+SI7pi7V0uVPGpEMH9H5L8csOcclTxAXFE2VAsJXUhfA==",
+      "dev": true,
+      "requires": {
+        "dotenv": "^5.0.1",
+        "npm-package-arg": "^6.0.0",
+        "rimraf": "^2.6.2",
+        "safe-buffer": "^5.1.0",
+        "update-notifier": "^2.3.0",
+        "which": "^1.3.0",
+        "y18n": "^4.0.0",
+        "yargs": "^14.2.3"
+      },
+      "dependencies": {
+        "ansi-align": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz",
+          "integrity": "sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=",
+          "dev": true,
+          "requires": {
+            "string-width": "^2.0.0"
+          }
+        },
+        "ansi-regex": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+          "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+          "dev": true
+        },
+        "boxen": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
+          "integrity": "sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==",
+          "dev": true,
+          "requires": {
+            "ansi-align": "^2.0.0",
+            "camelcase": "^4.0.0",
+            "chalk": "^2.0.1",
+            "cli-boxes": "^1.0.0",
+            "string-width": "^2.0.0",
+            "term-size": "^1.2.0",
+            "widest-line": "^2.0.0"
+          }
+        },
+        "camelcase": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+          "dev": true
+        },
+        "cli-boxes": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-1.0.0.tgz",
+          "integrity": "sha1-T6kXw+WclKAEzWH47lCdplFocUM=",
+          "dev": true
+        },
+        "cliui": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+          "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+          "dev": true,
+          "requires": {
+            "string-width": "^3.1.0",
+            "strip-ansi": "^5.2.0",
+            "wrap-ansi": "^5.1.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+              "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+              "dev": true
+            },
+            "string-width": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+              "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+              "dev": true,
+              "requires": {
+                "emoji-regex": "^7.0.1",
+                "is-fullwidth-code-point": "^2.0.0",
+                "strip-ansi": "^5.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
+          }
+        },
+        "dotenv": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-5.0.1.tgz",
+          "integrity": "sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+          "dev": true
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "import-lazy": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+          "integrity": "sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "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": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "path-exists": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+          "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^3.0.0"
+          }
+        },
+        "update-notifier": {
+          "version": "2.5.0",
+          "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-2.5.0.tgz",
+          "integrity": "sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==",
+          "dev": true,
+          "requires": {
+            "boxen": "^1.2.1",
+            "chalk": "^2.0.1",
+            "configstore": "^3.0.0",
+            "import-lazy": "^2.1.0",
+            "is-ci": "^1.0.10",
+            "is-installed-globally": "^0.1.0",
+            "is-npm": "^1.0.0",
+            "latest-version": "^3.0.0",
+            "semver-diff": "^2.0.0",
+            "xdg-basedir": "^3.0.0"
+          }
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        },
+        "widest-line": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-2.0.1.tgz",
+          "integrity": "sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==",
+          "dev": true,
+          "requires": {
+            "string-width": "^2.1.1"
+          }
+        },
+        "wrap-ansi": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+          "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^3.2.0",
+            "string-width": "^3.0.0",
+            "strip-ansi": "^5.0.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+              "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+              "dev": true
+            },
+            "string-width": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+              "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+              "dev": true,
+              "requires": {
+                "emoji-regex": "^7.0.1",
+                "is-fullwidth-code-point": "^2.0.0",
+                "strip-ansi": "^5.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
+          }
+        },
+        "y18n": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+          "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+          "dev": true
+        },
+        "yargs": {
+          "version": "14.2.3",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-14.2.3.tgz",
+          "integrity": "sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==",
+          "dev": true,
+          "requires": {
+            "cliui": "^5.0.0",
+            "decamelize": "^1.2.0",
+            "find-up": "^3.0.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^3.0.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^15.0.1"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+              "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+              "dev": true
+            },
+            "string-width": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+              "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+              "dev": true,
+              "requires": {
+                "emoji-regex": "^7.0.1",
+                "is-fullwidth-code-point": "^2.0.0",
+                "strip-ansi": "^5.1.0"
+              }
+            },
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+              "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
+          }
+        },
+        "yargs-parser": {
+          "version": "15.0.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-15.0.3.tgz",
+          "integrity": "sha512-/MVEVjTXy/cGAjdtQf8dW3V9b97bPN7rNn8ETj6BmAQL7ibC7O1Q9SPJbGjgh3SlwoBNXMzj/ZGIj8mBgl12YA==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          },
+          "dependencies": {
+            "camelcase": {
+              "version": "5.3.1",
+              "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+              "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
     "lilconfig": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.5.tgz",
@@ -18212,6 +19878,12 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "listify": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/listify/-/listify-1.0.3.tgz",
+      "integrity": "sha512-083swF7iH7bx8666zdzBColpgEuy46HjN3r1isD4zV6Ix7FuHfb/2/WVnl4CH8hjuoWeFF7P5KkKNXUnJCFEJg==",
+      "dev": true
+    },
     "loader-runner": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
@@ -18280,6 +19952,17 @@
       "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
       "dev": true
     },
+    "longest": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/longest/-/longest-2.0.1.tgz",
+      "integrity": "sha1-eB4YMpaqlPbU2RbcM10NF676I/g=",
+      "dev": true
+    },
+    "longest-streak": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.0.1.tgz",
+      "integrity": "sha512-cHlYSUpL2s7Fb3394mYxwTYj8niTaNHUCLr0qdiCXQfSjfuA7CKofpX2uSwEfFDQ0EB7JcnMnm+GjbqqoinYYg=="
+    },
     "loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -18305,22 +19988,11 @@
         }
       }
     },
-    "lower-case-first": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case-first/-/lower-case-first-1.0.2.tgz",
-      "integrity": "sha1-5dp8JvKacHO+AtUrrJmA5ZIq36E=",
-      "dev": true,
-      "requires": {
-        "lower-case": "^1.1.2"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        }
-      }
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "dev": true
     },
     "lowlight": {
       "version": "1.20.0",
@@ -18407,6 +20079,11 @@
       "integrity": "sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==",
       "dev": true
     },
+    "markdown-extensions": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-1.1.1.tgz",
+      "integrity": "sha512-WWC0ZuMzCyDHYCasEGs4IPvLyTGftYwh6wIEOULOF0HXcqZlhwRzrK0w2VUlxWA98xnvb/jszw4ZSkJ6ADpM6Q=="
+    },
     "markdown-to-jsx": {
       "version": "7.1.7",
       "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.1.7.tgz",
@@ -18448,343 +20125,274 @@
         "unist-util-visit": "^2.0.0"
       }
     },
-    "mdast-util-to-hast": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz",
-      "integrity": "sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA==",
-      "dev": true,
+    "mdast-util-from-markdown": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.2.0.tgz",
+      "integrity": "sha512-iZJyyvKD1+K7QX1b5jXdE7Sc5dtoTry1vzV28UZZe8Z1xVnB/czKntJ7ZAkG0tANqRnBF6p3p7GpU1y19DTf2Q==",
       "requires": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
-        "mdast-util-definitions": "^4.0.0",
-        "mdurl": "^1.0.0",
-        "unist-builder": "^2.0.0",
-        "unist-util-generated": "^1.0.0",
-        "unist-util-position": "^3.0.0",
-        "unist-util-visit": "^2.0.0"
-      }
-    },
-    "mdast-util-to-string": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz",
-      "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==",
-      "dev": true
-    },
-    "mdn-data": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
-      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
-      "dev": true
-    },
-    "mdurl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=",
-      "dev": true
-    },
-    "mdx-constant": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/mdx-constant/-/mdx-constant-0.1.0.tgz",
-      "integrity": "sha512-no+6C7HQMtDyDjW6wk9hUPND1Fm+7UCpvH+GtGn49qR35FG+HbMBVYgukpfF77Q4W91CID/Uc+kUK9Q7TAQpRw==",
-      "dev": true
-    },
-    "mdx-loader": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/mdx-loader/-/mdx-loader-3.0.2.tgz",
-      "integrity": "sha512-JJtq6sbVwLTnuzClq4DUSPIJixpvRfHn4+sdy1/tl9qf02VjITNx1DAZbnBlmfEIdWQJ7hwPkZOHO9ht4bLRAw==",
-      "dev": true,
-      "requires": {
-        "@mdx-js/mdx": "^1.0.20",
-        "@mdx-js/react": "^1.0.20",
-        "gray-matter": "^4.0.2",
-        "hast-util-to-string": "^1.0.1",
-        "loader-utils": "^1.1.0",
-        "lodash": "^4.17.11",
-        "mdx-constant": "^0.1.0",
-        "mdx-table-of-contents": "^0.1.0",
-        "parse-numeric-range": "^0.0.2",
-        "prismjs": "^1.15.0",
-        "reading-time": "^1.1.3",
-        "remark-emoji": "^2.0.2",
-        "remark-images": "^0.8.1",
-        "remark-slug": "^5.1.0",
-        "remark-textr": "^3.0.2",
-        "textr": "^0.3.0",
-        "typographic-apostrophes": "^1.1.1",
-        "typographic-apostrophes-for-possessive-plurals": "^1.0.5",
-        "typographic-ellipses": "^1.0.11",
-        "typographic-em-dashes": "^1.0.2",
-        "typographic-en-dashes": "^1.0.1",
-        "typographic-quotes": "^1.2.1",
-        "unist-util-visit": "^1.4.0"
-      },
-      "dependencies": {
-        "@mdx-js/react": {
-          "version": "1.6.22",
-          "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz",
-          "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        },
-        "unist-util-is": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
-          "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
-          "dev": true
-        },
-        "unist-util-visit": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
-          "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
-          "dev": true,
-          "requires": {
-            "unist-util-visit-parents": "^2.0.0"
-          }
-        },
-        "unist-util-visit-parents": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
-          "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
-          "dev": true,
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
+      },
+      "dependencies": {
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
           "requires": {
-            "unist-util-is": "^3.0.0"
+            "@types/unist": "^2.0.0"
           }
         }
       }
     },
-    "mdx-table-of-contents": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/mdx-table-of-contents/-/mdx-table-of-contents-0.1.0.tgz",
-      "integrity": "sha512-aNhJvAkghJEKLat+THHJB9qi2bS4iBl1wNDLfwbByUZTvQ8DgLKUJ/TMEIrcWMuuks6BbsK7sp2IqLTUPnUfZQ==",
-      "dev": true,
+    "mdast-util-mdx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-2.0.0.tgz",
+      "integrity": "sha512-M09lW0CcBT1VrJUaF/PYxemxxHa7SLDHdSn94Q9FhxjCQfuW7nMAWKWimTmA3OyDMSTH981NN1csW1X+HPSluw==",
+      "requires": {
+        "mdast-util-mdx-expression": "^1.0.0",
+        "mdast-util-mdx-jsx": "^2.0.0",
+        "mdast-util-mdxjs-esm": "^1.0.0"
+      }
+    },
+    "mdast-util-mdx-expression": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-1.2.0.tgz",
+      "integrity": "sha512-wb36oi09XxqO9RVqgfD+xo8a7xaNgS+01+k3v0GKW0X0bYbeBmUZz22Z/IJ8SuphVlG+DNgNo9VoEaUJ3PKfJQ==",
+      "requires": {
+        "@types/estree-jsx": "^0.0.1",
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-from-markdown": "^1.0.0",
+        "mdast-util-to-markdown": "^1.0.0"
+      }
+    },
+    "mdast-util-mdx-jsx": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-2.0.1.tgz",
+      "integrity": "sha512-oPC7/smPBf7vxnvIYH5y3fPo2lw1rdrswFfSb4i0GTAXRUQv7JUU/t/hbp07dgGdUFTSDOHm5DNamhNg/s2Hrg==",
       "requires": {
-        "@mdx-js/mdx": "^0.15.5"
+        "@types/estree-jsx": "^0.0.1",
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "ccount": "^2.0.0",
+        "mdast-util-to-markdown": "^1.3.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-remove-position": "^4.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "vfile-message": "^3.0.0"
       },
       "dependencies": {
-        "@mdx-js/mdx": {
-          "version": "0.15.7",
-          "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-0.15.7.tgz",
-          "integrity": "sha512-bWUQidQhjTRFh5nK01kW3qQLCH/aCq6VTapOZ/+WI5hL4exoRw6TgnxxmgSf/p7mmrGxIpCHmnaWXdbHSObxlg==",
-          "dev": true,
-          "requires": {
-            "change-case": "^3.0.2",
-            "detab": "^2.0.0",
-            "mdast-util-to-hast": "^3.0.0",
-            "remark-parse": "^5.0.0",
-            "remark-squeeze-paragraphs": "^3.0.1",
-            "to-style": "^1.3.3",
-            "unified": "^6.1.6",
-            "unist-util-visit": "^1.3.0"
-          }
+        "ccount": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+          "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="
         },
-        "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
+        "character-entities": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.1.tgz",
+          "integrity": "sha512-OzmutCf2Kmc+6DrFrrPS8/tDh2+DpnrfzdICHWhcVC9eOd0N1PXmQEE1a8iM4IziIAG+8tmTq3K+oo0ubH6RRQ=="
         },
-        "mdast-squeeze-paragraphs": {
-          "version": "3.0.5",
-          "resolved": "https://registry.npmjs.org/mdast-squeeze-paragraphs/-/mdast-squeeze-paragraphs-3.0.5.tgz",
-          "integrity": "sha512-xX6Vbe348Y/rukQlG4W3xH+7v4ZlzUbSY4HUIQCuYrF2DrkcHx584mCaFxkWoDZKNUfyLZItHC9VAqX3kIP7XA==",
-          "dev": true,
-          "requires": {
-            "unist-util-remove": "^1.0.0"
-          }
+        "character-entities-legacy": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+          "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="
         },
-        "mdast-util-definitions": {
-          "version": "1.2.5",
-          "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-1.2.5.tgz",
-          "integrity": "sha512-CJXEdoLfiISCDc2JB6QLb79pYfI6+GcIH+W2ox9nMc7od0Pz+bovcHsiq29xAQY6ayqe/9CsK2VzkSJdg1pFYA==",
-          "dev": true,
-          "requires": {
-            "unist-util-visit": "^1.0.0"
-          }
+        "character-reference-invalid": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+          "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw=="
         },
-        "mdast-util-to-hast": {
-          "version": "3.0.4",
-          "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-3.0.4.tgz",
-          "integrity": "sha512-/eIbly2YmyVgpJNo+bFLLMCI1XgolO/Ffowhf+pHDq3X4/V6FntC9sGQCDLM147eTS+uSXv5dRzJyFn+o0tazA==",
-          "dev": true,
+        "is-alphabetical": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+          "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="
+        },
+        "is-alphanumerical": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+          "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
           "requires": {
-            "collapse-white-space": "^1.0.0",
-            "detab": "^2.0.0",
-            "mdast-util-definitions": "^1.2.0",
-            "mdurl": "^1.0.1",
-            "trim": "0.0.1",
-            "trim-lines": "^1.0.0",
-            "unist-builder": "^1.0.1",
-            "unist-util-generated": "^1.1.0",
-            "unist-util-position": "^3.0.0",
-            "unist-util-visit": "^1.1.0",
-            "xtend": "^4.0.1"
+            "is-alphabetical": "^2.0.0",
+            "is-decimal": "^2.0.0"
           }
         },
+        "is-decimal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+          "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A=="
+        },
+        "is-hexadecimal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+          "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg=="
+        },
         "parse-entities": {
-          "version": "1.2.2",
-          "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.2.2.tgz",
-          "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==",
-          "dev": true,
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.0.tgz",
+          "integrity": "sha512-5nk9Fn03x3rEhGaX1FU6IDwG/k+GxLXlFAkgrbM1asuAFl3BhdQWvASaIsmwWypRNcZKHPYnIuOSfIWEyEQnPQ==",
           "requires": {
-            "character-entities": "^1.0.0",
-            "character-entities-legacy": "^1.0.0",
-            "character-reference-invalid": "^1.0.0",
-            "is-alphanumerical": "^1.0.0",
-            "is-decimal": "^1.0.0",
-            "is-hexadecimal": "^1.0.0"
+            "@types/unist": "^2.0.0",
+            "character-entities": "^2.0.0",
+            "character-entities-legacy": "^3.0.0",
+            "character-reference-invalid": "^2.0.0",
+            "decode-named-character-reference": "^1.0.0",
+            "is-alphanumerical": "^2.0.0",
+            "is-decimal": "^2.0.0",
+            "is-hexadecimal": "^2.0.0"
           }
         },
-        "remark-parse": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-5.0.0.tgz",
-          "integrity": "sha512-b3iXszZLH1TLoyUzrATcTQUZrwNl1rE70rVdSruJFlDaJ9z5aMkhrG43Pp68OgfHndL/ADz6V69Zow8cTQu+JA==",
-          "dev": true,
-          "requires": {
-            "collapse-white-space": "^1.0.2",
-            "is-alphabetical": "^1.0.0",
-            "is-decimal": "^1.0.0",
-            "is-whitespace-character": "^1.0.0",
-            "is-word-character": "^1.0.0",
-            "markdown-escapes": "^1.0.0",
-            "parse-entities": "^1.1.0",
-            "repeat-string": "^1.5.4",
-            "state-toggle": "^1.0.0",
-            "trim": "0.0.1",
-            "trim-trailing-lines": "^1.0.0",
-            "unherit": "^1.0.4",
-            "unist-util-remove-position": "^1.0.0",
-            "vfile-location": "^2.0.0",
-            "xtend": "^4.0.1"
-          }
-        },
-        "remark-squeeze-paragraphs": {
-          "version": "3.0.4",
-          "resolved": "https://registry.npmjs.org/remark-squeeze-paragraphs/-/remark-squeeze-paragraphs-3.0.4.tgz",
-          "integrity": "sha512-Wmz5Yj9q+W1oryo8BV17JrOXZgUKVcpJ2ApE2pwnoHwhFKSk4Wp2PmFNbmJMgYSqAdFwfkoe+TSYop5Fy8wMgA==",
-          "dev": true,
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+        },
+        "unist-util-remove-position": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.1.tgz",
+          "integrity": "sha512-0yDkppiIhDlPrfHELgB+NLQD5mfjup3a8UYclHruTJWmY74je8g+CIFr79x5f6AkmzSwlvKLbs63hC0meOMowQ==",
           "requires": {
-            "mdast-squeeze-paragraphs": "^3.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-visit": "^4.0.0"
           }
         },
-        "unified": {
-          "version": "6.2.0",
-          "resolved": "https://registry.npmjs.org/unified/-/unified-6.2.0.tgz",
-          "integrity": "sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==",
-          "dev": true,
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
           "requires": {
-            "bail": "^1.0.0",
-            "extend": "^3.0.0",
-            "is-plain-obj": "^1.1.0",
-            "trough": "^1.0.0",
-            "vfile": "^2.0.0",
-            "x-is-string": "^0.1.0"
+            "@types/unist": "^2.0.0"
           }
         },
-        "unist-builder": {
-          "version": "1.0.4",
-          "resolved": "https://registry.npmjs.org/unist-builder/-/unist-builder-1.0.4.tgz",
-          "integrity": "sha512-v6xbUPP7ILrT15fHGrNyHc1Xda8H3xVhP7/HAIotHOhVPjH5dCXA097C3Rry1Q2O+HbOLCao4hfPB+EYEjHgVg==",
-          "dev": true,
+        "unist-util-visit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+          "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
           "requires": {
-            "object-assign": "^4.1.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.0.0"
           }
         },
-        "unist-util-is": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
-          "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
-          "dev": true
-        },
-        "unist-util-remove": {
-          "version": "1.0.3",
-          "resolved": "https://registry.npmjs.org/unist-util-remove/-/unist-util-remove-1.0.3.tgz",
-          "integrity": "sha512-mB6nCHCQK0pQffUAcCVmKgIWzG/AXs/V8qpS8K72tMPtOSCMSjDeMc5yN+Ye8rB0FhcE+JvW++o1xRNc0R+++g==",
-          "dev": true,
+        "unist-util-visit-parents": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+          "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
           "requires": {
-            "unist-util-is": "^3.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0"
           }
         },
-        "unist-util-remove-position": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz",
-          "integrity": "sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==",
-          "dev": true,
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
           "requires": {
-            "unist-util-visit": "^1.1.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
           }
-        },
-        "unist-util-stringify-position": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz",
-          "integrity": "sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==",
-          "dev": true
+        }
+      }
+    },
+    "mdast-util-mdxjs-esm": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-1.2.0.tgz",
+      "integrity": "sha512-IPpX9GBzAIbIRCjbyeLDpMhACFb0wxTIujuR3YElB8LWbducUdMgRJuqs/Vg8xQ1bIAMm7lw8L+YNtua0xKXRw==",
+      "requires": {
+        "@types/estree-jsx": "^0.0.1",
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-from-markdown": "^1.0.0",
+        "mdast-util-to-markdown": "^1.0.0"
+      }
+    },
+    "mdast-util-to-hast": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz",
+      "integrity": "sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA==",
+      "dev": true,
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "mdast-util-definitions": "^4.0.0",
+        "mdurl": "^1.0.0",
+        "unist-builder": "^2.0.0",
+        "unist-util-generated": "^1.0.0",
+        "unist-util-position": "^3.0.0",
+        "unist-util-visit": "^2.0.0"
+      }
+    },
+    "mdast-util-to-markdown": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.3.0.tgz",
+      "integrity": "sha512-6tUSs4r+KK4JGTTiQ7FfHmVOaDrLQJPmpjD6wPMlHGUVXoG9Vjc3jIeP+uyBWRf8clwB2blM+W7+KrlMYQnftA==",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-to-string": "^3.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "unist-util-visit": "^4.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "dependencies": {
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
         },
         "unist-util-visit": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
-          "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
-          "dev": true,
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+          "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
           "requires": {
-            "unist-util-visit-parents": "^2.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.0.0"
           }
         },
         "unist-util-visit-parents": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
-          "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
-          "dev": true,
-          "requires": {
-            "unist-util-is": "^3.0.0"
-          }
-        },
-        "vfile": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/vfile/-/vfile-2.3.0.tgz",
-          "integrity": "sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==",
-          "dev": true,
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+          "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
           "requires": {
-            "is-buffer": "^1.1.4",
-            "replace-ext": "1.0.0",
-            "unist-util-stringify-position": "^1.0.0",
-            "vfile-message": "^1.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0"
           }
         },
-        "vfile-location": {
-          "version": "2.0.6",
-          "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-2.0.6.tgz",
-          "integrity": "sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA==",
-          "dev": true
-        },
-        "vfile-message": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-1.1.1.tgz",
-          "integrity": "sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==",
-          "dev": true,
-          "requires": {
-            "unist-util-stringify-position": "^1.1.1"
-          }
+        "zwitch": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
+          "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
         }
       }
     },
+    "mdast-util-to-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.1.0.tgz",
+      "integrity": "sha512-n4Vypz/DZgwo0iMHLQL49dJzlp7YtAJP+N07MZHpjPf/5XJuHUWstviF4Mn2jEiR/GNmtnRRqnwsXExk3igfFA=="
+    },
+    "mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "dev": true
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -18854,116 +20462,505 @@
         }
       }
     },
-    "meow": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
-      "dev": true,
+    "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": {
+        "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"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "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"
+          }
+        },
+        "semver": {
+          "version": "7.3.6",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
+          "integrity": "sha512-HZWqcgwLsjaX1HBD31msI/rXktuIhS+lWvdE4kN9z+8IVT4Itc7vqU2WvYsyD6/sjYCt4dEKH/m1M3dwI9CC5w==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^7.4.0"
+          },
+          "dependencies": {
+            "lru-cache": {
+              "version": "7.8.0",
+              "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.8.0.tgz",
+              "integrity": "sha512-AmXqneQZL3KZMIgBpaPTeI6pfwh+xQ2vutMsyqOu1TBdEXFZgpG/80wuJ531w2ZN7TI0/oc8CPxzh/DKQudZqg==",
+              "dev": true
+            }
+          }
+        },
+        "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
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
+      "dev": true
+    },
+    "merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
+    "microevent.ts": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz",
+      "integrity": "sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==",
+      "dev": true
+    },
+    "micromark": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.0.10.tgz",
+      "integrity": "sha512-ryTDy6UUunOXy2HPjelppgJ2sNfcPz1pLlMdA6Rz9jPzhLikWXv/irpWV/I2jd68Uhmny7hHxAlAhk4+vWggpg==",
+      "requires": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-core-commonmark": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.0.6.tgz",
+      "integrity": "sha512-K+PkJTxqjFfSNkfAhp4GB+cZPfQd6dxtTXnf+RjZOV7T4EEXnvgzOcnp+eSTmpGk9d1S9sL6/lqrgSNn/s0HZA==",
+      "requires": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-extension-mdx-expression": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-1.0.3.tgz",
+      "integrity": "sha512-TjYtjEMszWze51NJCZmhv7MEBcgYRgb3tJeMAJ+HQCAaZHHRBaDCccqQzGizR/H4ODefP44wRTgOn2vE5I6nZA==",
+      "requires": {
+        "micromark-factory-mdx-expression": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-events-to-acorn": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-extension-mdx-jsx": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-1.0.3.tgz",
+      "integrity": "sha512-VfA369RdqUISF0qGgv2FfV7gGjHDfn9+Qfiv5hEwpyr1xscRj/CiVRkU7rywGFCO7JwJ5L0e7CJz60lY52+qOA==",
+      "requires": {
+        "@types/acorn": "^4.0.0",
+        "estree-util-is-identifier-name": "^2.0.0",
+        "micromark-factory-mdx-expression": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0",
+        "vfile-message": "^3.0.0"
+      },
+      "dependencies": {
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
+          }
+        }
+      }
+    },
+    "micromark-extension-mdx-md": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-1.0.0.tgz",
+      "integrity": "sha512-xaRAMoSkKdqZXDAoSgp20Azm0aRQKGOl0RrS81yGu8Hr/JhMsBmfs4wR7m9kgVUIO36cMUQjNyiyDKPrsv8gOw==",
+      "requires": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-extension-mdxjs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-1.0.0.tgz",
+      "integrity": "sha512-TZZRZgeHvtgm+IhtgC2+uDMR7h8eTKF0QUX9YsgoL9+bADBpBY6SiLvWqnBlLbCEevITmTqmEuY3FoxMKVs1rQ==",
+      "requires": {
+        "acorn": "^8.0.0",
+        "acorn-jsx": "^5.0.0",
+        "micromark-extension-mdx-expression": "^1.0.0",
+        "micromark-extension-mdx-jsx": "^1.0.0",
+        "micromark-extension-mdx-md": "^1.0.0",
+        "micromark-extension-mdxjs-esm": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-extension-mdxjs-esm": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-1.0.2.tgz",
+      "integrity": "sha512-bIaxblNIM+CCaJvp3L/V+168l79iuNmxEiTU6i3vB0YuDW+rumV64BFMxvhfRDxaJxQE1zD5vTPdyLBbW4efGA==",
+      "requires": {
+        "micromark-core-commonmark": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-events-to-acorn": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-position-from-estree": "^1.1.0",
+        "uvu": "^0.5.0",
+        "vfile-message": "^3.0.0"
+      },
+      "dependencies": {
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
+          }
+        }
+      }
+    },
+    "micromark-factory-destination": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.0.0.tgz",
+      "integrity": "sha512-eUBA7Rs1/xtTVun9TmV3gjfPz2wEwgK5R5xcbIM5ZYAtvGF6JkyaDsj0agx8urXnO31tEO6Ug83iVH3tdedLnw==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-factory-label": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.0.2.tgz",
+      "integrity": "sha512-CTIwxlOnU7dEshXDQ+dsr2n+yxpP0+fn271pu0bwDIS8uqfFcumXpj5mLn3hSC8iw2MUr6Gx8EcKng1dD7i6hg==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-factory-mdx-expression": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-1.0.6.tgz",
+      "integrity": "sha512-WRQIc78FV7KrCfjsEf/sETopbYjElh3xAmNpLkd1ODPqxEngP42eVRGbiPEQWpRV27LzqW+XVTvQAMIIRLPnNA==",
+      "requires": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-events-to-acorn": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-position-from-estree": "^1.0.0",
+        "uvu": "^0.5.0",
+        "vfile-message": "^3.0.0"
+      },
+      "dependencies": {
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
+          }
+        }
+      }
+    },
+    "micromark-factory-space": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.0.0.tgz",
+      "integrity": "sha512-qUmqs4kj9a5yBnk3JMLyjtWYN6Mzfcx8uJfi5XAveBniDevmZasdGBba5b4QsvRcAkmvGo5ACmSUmyGiKTLZew==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-factory-title": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.0.2.tgz",
+      "integrity": "sha512-zily+Nr4yFqgMGRKLpTVsNl5L4PMu485fGFDOQJQBl2NFpjGte1e86zC0da93wf97jrc4+2G2GQudFMHn3IX+A==",
+      "requires": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-factory-whitespace": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.0.0.tgz",
+      "integrity": "sha512-Qx7uEyahU1lt1RnsECBiuEbfr9INjQTGa6Err+gF3g0Tx4YEviPbqqGKNv/NrBaE7dVHdn1bVZKM/n5I/Bak7A==",
+      "requires": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-character": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.1.0.tgz",
+      "integrity": "sha512-agJ5B3unGNJ9rJvADMJ5ZiYjBRyDpzKAOk01Kpi1TKhlT1APx3XZk6eN7RtSz1erbWHC2L8T3xLZ81wdtGRZzg==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-chunked": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.0.0.tgz",
+      "integrity": "sha512-5e8xTis5tEZKgesfbQMKRCyzvffRRUX+lK/y+DvsMFdabAicPkkZV6gO+FEWi9RfuKKoxxPwNL+dFF0SMImc1g==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-classify-character": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.0.0.tgz",
+      "integrity": "sha512-F8oW2KKrQRb3vS5ud5HIqBVkCqQi224Nm55o5wYLzY/9PwHGXC01tr3d7+TqHHz6zrKQ72Okwtvm/xQm6OVNZA==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-combine-extensions": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.0.0.tgz",
+      "integrity": "sha512-J8H058vFBdo/6+AsjHp2NF7AJ02SZtWaVUjsayNFeAiydTxUwViQPxN0Hf8dp4FmCQi0UUFovFsEyRSUmFH3MA==",
+      "requires": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-decode-numeric-character-reference": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.0.0.tgz",
+      "integrity": "sha512-OzO9AI5VUtrTD7KSdagf4MWgHMtET17Ua1fIpXTpuhclCqD8egFWo85GxSGvxgkGS74bEahvtM0WP0HjvV0e4w==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-decode-string": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.0.2.tgz",
+      "integrity": "sha512-DLT5Ho02qr6QWVNYbRZ3RYOSSWWFuH3tJexd3dgN1odEuPNxCngTCXJum7+ViRAd9BbdxCvMToPOD/IvVhzG6Q==",
+      "requires": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-encode": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.0.1.tgz",
+      "integrity": "sha512-U2s5YdnAYexjKDel31SVMPbfi+eF8y1U4pfiRW/Y8EFVCy/vgxk/2wWTxzcqE71LHtCuCzlBDRU2a5CQ5j+mQA=="
+    },
+    "micromark-util-events-to-acorn": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/micromark-util-events-to-acorn/-/micromark-util-events-to-acorn-1.0.4.tgz",
+      "integrity": "sha512-dpo8ecREK5s/KMph7jJ46RLM6g7N21CMc9LAJQbDLdbQnTpijigkSJPTIfLXZ+h5wdXlcsQ+b6ufAE9v76AdgA==",
       "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"
+        "@types/acorn": "^4.0.0",
+        "@types/estree": "^0.0.50",
+        "estree-util-visit": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0",
+        "vfile-message": "^3.0.0"
       },
       "dependencies": {
-        "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"
-          }
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
+        "@types/estree": {
+          "version": "0.0.50",
+          "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
+          "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw=="
         },
-        "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,
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
           "requires": {
-            "hosted-git-info": "^4.0.1",
-            "is-core-module": "^2.5.0",
-            "semver": "^7.3.4",
-            "validate-npm-package-license": "^3.0.1"
+            "@types/unist": "^2.0.0"
           }
         },
-        "semver": {
-          "version": "7.3.6",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.6.tgz",
-          "integrity": "sha512-HZWqcgwLsjaX1HBD31msI/rXktuIhS+lWvdE4kN9z+8IVT4Itc7vqU2WvYsyD6/sjYCt4dEKH/m1M3dwI9CC5w==",
-          "dev": true,
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
           "requires": {
-            "lru-cache": "^7.4.0"
-          },
-          "dependencies": {
-            "lru-cache": {
-              "version": "7.8.0",
-              "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.8.0.tgz",
-              "integrity": "sha512-AmXqneQZL3KZMIgBpaPTeI6pfwh+xQ2vutMsyqOu1TBdEXFZgpG/80wuJ531w2ZN7TI0/oc8CPxzh/DKQudZqg==",
-              "dev": true
-            }
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
           }
-        },
-        "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
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true
         }
       }
     },
-    "merge-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
-      "dev": true
+    "micromark-util-html-tag-name": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.0.0.tgz",
+      "integrity": "sha512-NenEKIshW2ZI/ERv9HtFNsrn3llSPZtY337LID/24WeLqMzeZhBEE6BQ0vS2ZBjshm5n40chKtJ3qjAbVV8S0g=="
     },
-    "merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
+    "micromark-util-normalize-identifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.0.0.tgz",
+      "integrity": "sha512-yg+zrL14bBTFrQ7n35CmByWUTFsgst5JhA4gJYoty4Dqzj4Z4Fr/DHekSS5aLfH9bdlfnSvKAWsAgJhIbogyBg==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
     },
-    "merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true
+    "micromark-util-resolve-all": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.0.0.tgz",
+      "integrity": "sha512-CB/AGk98u50k42kvgaMM94wzBqozSzDDaonKU7P7jwQIuH2RU0TeBqGYJz2WY1UdihhjweivStrJ2JdkdEmcfw==",
+      "requires": {
+        "micromark-util-types": "^1.0.0"
+      }
     },
-    "methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
-      "dev": true
+    "micromark-util-sanitize-uri": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.0.0.tgz",
+      "integrity": "sha512-cCxvBKlmac4rxCGx6ejlIviRaMKZc0fWm5HdCHEeDWRSkn44l6NdYVRyU+0nT1XC72EQJMZV8IPHF+jTr56lAg==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
     },
-    "microevent.ts": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz",
-      "integrity": "sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==",
-      "dev": true
+    "micromark-util-subtokenize": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.0.2.tgz",
+      "integrity": "sha512-d90uqCnXp/cy4G881Ub4psE57Sf8YD0pim9QdjCRNjfas2M1u6Lbt+XZK9gnHL2XFhnozZiEdCa9CNfXSfQ6xA==",
+      "requires": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-util-symbol": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.0.1.tgz",
+      "integrity": "sha512-oKDEMK2u5qqAptasDAwWDXq0tG9AssVwAx3E9bBF3t/shRIGsWIRG+cGafs2p/SnDSOecnt6hZPCE2o6lHfFmQ=="
+    },
+    "micromark-util-types": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.0.2.tgz",
+      "integrity": "sha512-DCfg/T8fcrhrRKTPjRrw/5LLvdGV7BHySf/1LOZx7TzWZdYRjogNtyNq885z3nNallwr3QUKARjqvHqX1/7t+w=="
     },
     "micromatch": {
       "version": "4.0.5",
@@ -18975,6 +20972,15 @@
         "picomatch": "^2.3.1"
       }
     },
+    "middleearth-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/middleearth-names/-/middleearth-names-1.1.0.tgz",
+      "integrity": "sha1-wdXuSN77NoEo+66/686IR80Y3f8=",
+      "dev": true,
+      "requires": {
+        "unique-random-array": "1.0.0"
+      }
+    },
     "miller-rabin": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
@@ -19020,6 +21026,12 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true
+    },
     "min-document": {
       "version": "2.19.0",
       "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
@@ -19085,65 +21097,6 @@
         }
       }
     },
-    "minimalcss": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/minimalcss/-/minimalcss-0.8.1.tgz",
-      "integrity": "sha512-a+kbRVvxz+oQf43pweflM38KvcvVuTvv3v6a8UgVbfS7E2rktSJSf8kfbGToSXgbiBDP83WTh8MWL6PdT9ljag==",
-      "dev": true,
-      "requires": {
-        "cheerio": "1.0.0-rc.2",
-        "css-tree": "1.0.0-alpha.28",
-        "csso": "~3.5.0",
-        "filesize": "^3.5.11",
-        "minimist": "^1.2.0",
-        "puppeteer": "^1.8.0"
-      },
-      "dependencies": {
-        "css-tree": {
-          "version": "1.0.0-alpha.28",
-          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz",
-          "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==",
-          "dev": true,
-          "requires": {
-            "mdn-data": "~1.1.0",
-            "source-map": "^0.5.3"
-          }
-        },
-        "csso": {
-          "version": "3.5.1",
-          "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz",
-          "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==",
-          "dev": true,
-          "requires": {
-            "css-tree": "1.0.0-alpha.29"
-          },
-          "dependencies": {
-            "css-tree": {
-              "version": "1.0.0-alpha.29",
-              "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz",
-              "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==",
-              "dev": true,
-              "requires": {
-                "mdn-data": "~1.1.0",
-                "source-map": "^0.5.3"
-              }
-            }
-          }
-        },
-        "filesize": {
-          "version": "3.6.1",
-          "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
-          "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==",
-          "dev": true
-        },
-        "mdn-data": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz",
-          "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==",
-          "dev": true
-        }
-      }
-    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -19292,56 +21245,190 @@
           "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
           "dev": true,
           "requires": {
-            "is-plain-object": "^2.0.4"
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.6"
+      }
+    },
+    "move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      },
+      "dependencies": {
+        "aproba": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
+    "mrm": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/mrm/-/mrm-3.0.10.tgz",
+      "integrity": "sha512-aRByZsPXMM8W0NHNH9afkKyk5OW4bB5pYNRIN+8iSVfpMAzqeMejmj/yIYcdFNJTksXmdPMfTaucm2NYdh4xIw==",
+      "dev": true,
+      "requires": {
+        "git-username": "^1.0.0",
+        "glob": "^7.1.6",
+        "inquirer": "^7.0.4",
+        "is-directory": "^0.3.1",
+        "kleur": "^3.0.3",
+        "libnpx": "^10.2.4",
+        "listify": "^1.0.0",
+        "lodash": "^4.17.15",
+        "longest": "^2.0.1",
+        "middleearth-names": "^1.1.0",
+        "minimist": "^1.2.0",
+        "mrm-core": "^6.1.7",
+        "semver-utils": "^1.1.4",
+        "update-notifier": "^4.1.0",
+        "user-home": "^2.0.0",
+        "user-meta": "^1.0.0",
+        "which": "^2.0.2"
+      }
+    },
+    "mrm-core": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/mrm-core/-/mrm-core-6.1.7.tgz",
+      "integrity": "sha512-jLGWrkupcgGIsLerrI/xmM/dFHbaoehRsuVbgYBrxYKXNMRBHN3Mgkd8cw+/ZCCoiZEXF8/SaZol0GCp6oBQ9g==",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "^6.26.0",
+        "comment-json": "^2.2.0",
+        "detect-indent": "^6.0.0",
+        "editorconfig": "^0.15.3",
+        "find-up": "^4.1.0",
+        "fs-extra": "^8.1.0",
+        "kleur": "^3.0.3",
+        "listify": "^1.0.0",
+        "lodash": "^4.17.15",
+        "minimist": "^1.2.0",
+        "prop-ini": "^0.0.2",
+        "rc": "^1.2.8",
+        "readme-badger": "^0.3.0",
+        "semver": "^6.3.0",
+        "smpltmpl": "^1.0.2",
+        "split-lines": "^2.0.0",
+        "strip-bom": "^4.0.0",
+        "validate-npm-package-name": "^3.0.0",
+        "webpack-merge": "^4.2.2",
+        "yaml": "^2.0.0-1"
+      },
+      "dependencies": {
+        "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"
+          }
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "jsonfile": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+          "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        },
+        "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"
+          }
+        },
+        "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"
           }
-        }
-      }
-    },
-    "mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.6"
-      }
-    },
-    "move-concurrently": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
-      "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=",
-      "dev": true,
-      "requires": {
-        "aproba": "^1.1.1",
-        "copy-concurrently": "^1.0.0",
-        "fs-write-stream-atomic": "^1.0.8",
-        "mkdirp": "^0.5.1",
-        "rimraf": "^2.5.4",
-        "run-queue": "^1.0.3"
-      },
-      "dependencies": {
-        "aproba": {
-          "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
-          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
-          "dev": true
         },
-        "rimraf": {
-          "version": "2.7.1",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+        "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": {
-            "glob": "^7.1.3"
+            "p-limit": "^2.2.0"
           }
+        },
+        "strip-bom": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+          "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+          "dev": true
+        },
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+          "dev": true
+        },
+        "yaml": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.0.0.tgz",
+          "integrity": "sha512-JbfdlHKGP2Ik9IHylzWlGd4pPK++EU46/IxMykphS2ZKw7a7h+dHNmcXObLgpRDriBY+rpWslldikckX8oruWQ==",
+          "dev": true
         }
       }
     },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "multicast-dns": {
       "version": "7.2.4",
@@ -19353,11 +21440,16 @@
         "thunky": "^1.0.2"
       }
     },
+    "mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+      "dev": true
+    },
     "nanoid": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
-      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==",
-      "dev": true
+      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -19402,6 +21494,188 @@
       "integrity": "sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==",
       "dev": true
     },
+    "next": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/next/-/next-12.1.5.tgz",
+      "integrity": "sha512-YGHDpyfgCfnT5GZObsKepmRnne7Kzp7nGrac07dikhutWQug7hHg85/+sPJ4ZW5Q2pDkb+n0FnmLkmd44htIJQ==",
+      "requires": {
+        "@next/env": "12.1.5",
+        "@next/swc-android-arm-eabi": "12.1.5",
+        "@next/swc-android-arm64": "12.1.5",
+        "@next/swc-darwin-arm64": "12.1.5",
+        "@next/swc-darwin-x64": "12.1.5",
+        "@next/swc-linux-arm-gnueabihf": "12.1.5",
+        "@next/swc-linux-arm64-gnu": "12.1.5",
+        "@next/swc-linux-arm64-musl": "12.1.5",
+        "@next/swc-linux-x64-gnu": "12.1.5",
+        "@next/swc-linux-x64-musl": "12.1.5",
+        "@next/swc-win32-arm64-msvc": "12.1.5",
+        "@next/swc-win32-ia32-msvc": "12.1.5",
+        "@next/swc-win32-x64-msvc": "12.1.5",
+        "caniuse-lite": "^1.0.30001283",
+        "postcss": "8.4.5",
+        "styled-jsx": "5.0.1"
+      },
+      "dependencies": {
+        "postcss": {
+          "version": "8.4.5",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
+          "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+          "requires": {
+            "nanoid": "^3.1.30",
+            "picocolors": "^1.0.0",
+            "source-map-js": "^1.0.1"
+          }
+        }
+      }
+    },
+    "next-mdx-remote": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/next-mdx-remote/-/next-mdx-remote-4.0.1.tgz",
+      "integrity": "sha512-voQce8q4uFAArDJYNvpgMcJi9KaWuXpaGKQvaBJGVSzmLGMSBZbM+3F7s8Iflg6o9phn+G0hUUpHKagbRa1BQA==",
+      "requires": {
+        "@mdx-js/mdx": "^2.0.0",
+        "@mdx-js/react": "^2.0.0",
+        "vfile": "^5.3.0",
+        "vfile-matter": "^3.0.1"
+      },
+      "dependencies": {
+        "@mdx-js/mdx": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/@mdx-js/mdx/-/mdx-2.1.1.tgz",
+          "integrity": "sha512-SXC18cChut3F2zkVXwsb2no0fzTQ1z6swjK13XwFbF5QU/SFQM0orAItPypSdL3GvqYyzVJtz8UofzJhPEQtMw==",
+          "requires": {
+            "@types/estree-jsx": "^0.0.1",
+            "@types/mdx": "^2.0.0",
+            "astring": "^1.6.0",
+            "estree-util-build-jsx": "^2.0.0",
+            "estree-util-is-identifier-name": "^2.0.0",
+            "estree-walker": "^3.0.0",
+            "hast-util-to-estree": "^2.0.0",
+            "markdown-extensions": "^1.0.0",
+            "periscopic": "^3.0.0",
+            "remark-mdx": "^2.0.0",
+            "remark-parse": "^10.0.0",
+            "remark-rehype": "^10.0.0",
+            "unified": "^10.0.0",
+            "unist-util-position-from-estree": "^1.0.0",
+            "unist-util-stringify-position": "^3.0.0",
+            "unist-util-visit": "^4.0.0",
+            "vfile": "^5.0.0"
+          }
+        },
+        "bail": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+          "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="
+        },
+        "estree-walker": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
+          "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+        },
+        "is-buffer": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+          "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+        },
+        "is-plain-obj": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.0.0.tgz",
+          "integrity": "sha512-NXRbBtUdBioI73y/HmOhogw/U5msYPC9DAtGkJXeFcFWSFZw0mCUsPxk/snTuJHzNKA8kLBK4rH97RMB1BfCXw=="
+        },
+        "remark-mdx": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-2.1.1.tgz",
+          "integrity": "sha512-0wXdEITnFyjLquN3VvACNLzbGzWM5ujzTvfgOkONBZgSFJ7ezLLDaTWqf6H9eUgVITEP8asp6LJ0W/X090dXBg==",
+          "requires": {
+            "mdast-util-mdx": "^2.0.0",
+            "micromark-extension-mdxjs": "^1.0.0"
+          }
+        },
+        "remark-parse": {
+          "version": "10.0.1",
+          "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.1.tgz",
+          "integrity": "sha512-1fUyHr2jLsVOkhbvPRBJ5zTKZZyD6yZzYaWCS6BPBdQ8vEMBCH+9zNCDA6tET/zHCi/jLqjCWtlJZUPk+DbnFw==",
+          "requires": {
+            "@types/mdast": "^3.0.0",
+            "mdast-util-from-markdown": "^1.0.0",
+            "unified": "^10.0.0"
+          }
+        },
+        "trough": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
+          "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g=="
+        },
+        "unified": {
+          "version": "10.1.2",
+          "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+          "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "bail": "^2.0.0",
+            "extend": "^3.0.0",
+            "is-buffer": "^2.0.0",
+            "is-plain-obj": "^4.0.0",
+            "trough": "^2.0.0",
+            "vfile": "^5.0.0"
+          }
+        },
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+        },
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "unist-util-visit": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+          "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.0.0"
+          }
+        },
+        "unist-util-visit-parents": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+          "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0"
+          }
+        },
+        "vfile": {
+          "version": "5.3.2",
+          "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.2.tgz",
+          "integrity": "sha512-w0PLIugRY3Crkgw89TeMvHCzqCs/zpreR31hl4D92y6SOE07+bfJe+dK5Q2akwS+i/c801kzjoOr9gMcTe6IAA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "is-buffer": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0",
+            "vfile-message": "^3.0.0"
+          }
+        },
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
+          }
+        }
+      }
+    },
     "no-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -19429,15 +21703,6 @@
         "minimatch": "^3.0.2"
       }
     },
-    "node-emoji": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
-      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.21"
-      }
-    },
     "node-fetch": {
       "version": "2.6.7",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
@@ -19587,6 +21852,26 @@
       "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
       "dev": true
     },
+    "npm-package-arg": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-6.1.1.tgz",
+      "integrity": "sha512-qBpssaL3IOZWi5vEKUKW0cO7kzLeT+EQO9W8RsLOZf76KF9E/K9+wH0C7t06HXPpaH8WH5xF1MExLuCwbTqRUg==",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^2.7.1",
+        "osenv": "^0.1.5",
+        "semver": "^5.6.0",
+        "validate-npm-package-name": "^3.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
@@ -19609,12 +21894,12 @@
       }
     },
     "nth-check": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
-      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.0.1.tgz",
+      "integrity": "sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==",
       "dev": true,
       "requires": {
-        "boolbase": "~1.0.0"
+        "boolbase": "^1.0.0"
       }
     },
     "num2fraction": {
@@ -19859,6 +22144,28 @@
       "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
       "dev": true
     },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+      "dev": true
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true
+    },
+    "osenv": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+      "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
     "overlayscrollbars": {
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-1.13.1.tgz",
@@ -19882,6 +22189,12 @@
         }
       }
     },
+    "p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "dev": true
+    },
     "p-defer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
@@ -19972,6 +22285,26 @@
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true
     },
+    "package-json": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-4.0.1.tgz",
+      "integrity": "sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=",
+      "dev": true,
+      "requires": {
+        "got": "^6.7.1",
+        "registry-auth-token": "^3.0.1",
+        "registry-url": "^3.0.3",
+        "semver": "^5.1.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
     "pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -20060,6 +22393,35 @@
         "is-hexadecimal": "^1.0.0"
       }
     },
+    "parse-git-config": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/parse-git-config/-/parse-git-config-1.1.1.tgz",
+      "integrity": "sha1-06mYQxcTL1c5hxK7pDjhKVkN34w=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "git-config-path": "^1.0.1",
+        "ini": "^1.3.4"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "parse-github-url": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-github-url/-/parse-github-url-1.0.2.tgz",
+      "integrity": "sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw==",
+      "dev": true
+    },
     "parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
@@ -20072,10 +22434,10 @@
         "lines-and-columns": "^1.1.6"
       }
     },
-    "parse-numeric-range": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/parse-numeric-range/-/parse-numeric-range-0.0.2.tgz",
-      "integrity": "sha1-tPCdQTx6282Yf26SM8e0shDJOOQ=",
+    "parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
       "dev": true
     },
     "parse5": {
@@ -20120,32 +22482,6 @@
       "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
       "dev": true
     },
-    "path-case": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/path-case/-/path-case-2.1.1.tgz",
-      "integrity": "sha1-lLgDfDctP+KQbkZbtF4l0ibo7qU=",
-      "dev": true,
-      "requires": {
-        "no-case": "^2.2.0"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        }
-      }
-    },
     "path-dirname": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -20164,6 +22500,12 @@
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "dev": true
     },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
     "path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -20201,23 +22543,32 @@
         "sha.js": "^2.4.8"
       }
     },
-    "pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=",
-      "dev": true
-    },
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
+    "periscopic": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.0.4.tgz",
+      "integrity": "sha512-SFx68DxCv0Iyo6APZuw/AKewkkThGwssmU0QWtTlvov3VAtPX+QJ4CadwSaz8nrT5jPIuxdvJWB4PnD2KNDxQg==",
+      "requires": {
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
+          "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+        }
+      }
+    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
     },
     "picomatch": {
       "version": "2.3.1",
@@ -20339,15 +22690,6 @@
         }
       }
     },
-    "pnp-webpack-plugin": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz",
-      "integrity": "sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==",
-      "dev": true,
-      "requires": {
-        "ts-pnp": "^1.1.6"
-      }
-    },
     "polished": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/polished/-/polished-4.2.2.tgz",
@@ -21173,6 +23515,12 @@
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true
     },
+    "prepend-http": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+      "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
+      "dev": true
+    },
     "prettier": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.6.2.tgz",
@@ -21244,12 +23592,6 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true
-    },
     "promise": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/promise/-/promise-8.1.0.tgz",
@@ -21300,6 +23642,15 @@
         "sisteransi": "^1.0.5"
       }
     },
+    "prop-ini": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/prop-ini/-/prop-ini-0.0.2.tgz",
+      "integrity": "sha1-ZzOny1JCrKsr5C5gdYPYEksXKls=",
+      "dev": true,
+      "requires": {
+        "extend": "^3.0.0"
+      }
+    },
     "prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -21337,18 +23688,18 @@
         }
       }
     },
-    "proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
-    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
       "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
       "dev": true
     },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+      "dev": true
+    },
     "psl": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -21416,76 +23767,13 @@
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true
     },
-    "puppeteer": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.20.0.tgz",
-      "integrity": "sha512-bt48RDBy2eIwZPrkgbcwHtb51mj2nKvHOPMaSH2IsWiv7lOG9k9zhaRzpDZafrk05ajMc3cu+lSQYYOfH2DkVQ==",
+    "pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
       "dev": true,
       "requires": {
-        "debug": "^4.1.0",
-        "extract-zip": "^1.6.6",
-        "https-proxy-agent": "^2.2.1",
-        "mime": "^2.0.3",
-        "progress": "^2.0.1",
-        "proxy-from-env": "^1.0.0",
-        "rimraf": "^2.6.1",
-        "ws": "^6.1.0"
-      },
-      "dependencies": {
-        "agent-base": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz",
-          "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==",
-          "dev": true,
-          "requires": {
-            "es6-promisify": "^5.0.0"
-          }
-        },
-        "https-proxy-agent": {
-          "version": "2.2.4",
-          "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz",
-          "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==",
-          "dev": true,
-          "requires": {
-            "agent-base": "^4.3.0",
-            "debug": "^3.1.0"
-          },
-          "dependencies": {
-            "debug": {
-              "version": "3.2.7",
-              "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-              "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-              "dev": true,
-              "requires": {
-                "ms": "^2.1.1"
-              }
-            }
-          }
-        },
-        "mime": {
-          "version": "2.6.0",
-          "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-          "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-          "dev": true
-        },
-        "rimraf": {
-          "version": "2.7.1",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        },
-        "ws": {
-          "version": "6.2.2",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-          "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
-          "dev": true,
-          "requires": {
-            "async-limiter": "~1.0.0"
-          }
-        }
+        "escape-goat": "^2.0.0"
       }
     },
     "q": {
@@ -21512,6 +23800,15 @@
       "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
       "dev": true
     },
+    "queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "dev": true,
+      "requires": {
+        "inherits": "~2.0.3"
+      }
+    },
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -21594,13 +23891,32 @@
         "schema-utils": "^3.0.0"
       }
     },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "dependencies": {
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+          "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+          "dev": true
+        }
+      }
+    },
     "react": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
-      "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.0.0.tgz",
+      "integrity": "sha512-x+VL6wbT4JRVPm7EGxXhZ8w8LTROaxPXOqhlGyVSrv0sB1jkyFGgXxJ8LVoPRLvPR6/CIZGFmfzqUa2NYeMr2A==",
       "requires": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
+        "loose-envify": "^1.1.0"
       }
     },
     "react-app-polyfill": {
@@ -21751,13 +24067,12 @@
       "dev": true
     },
     "react-dom": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
-      "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.0.0.tgz",
+      "integrity": "sha512-XqX7uzmFo0pUceWFCt7Gff6IyIMzFUn7QMZrbrQfGxtaxXZIcGQzoNpRLE3fQLnS4XzLLPMZX2T9TRcSrasicw==",
       "requires": {
         "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "scheduler": "^0.20.2"
+        "scheduler": "^0.21.0"
       }
     },
     "react-draggable": {
@@ -21779,18 +24094,8 @@
     "react-fast-compare": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
-      "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
-    },
-    "react-helmet": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
-      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
-      "requires": {
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.7.2",
-        "react-fast-compare": "^3.1.1",
-        "react-side-effect": "^2.1.0"
-      }
+      "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==",
+      "dev": true
     },
     "react-helmet-async": {
       "version": "1.2.3",
@@ -21852,6 +24157,7 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.3.0.tgz",
       "integrity": "sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==",
+      "dev": true,
       "requires": {
         "history": "^5.2.0"
       }
@@ -21860,16 +24166,12 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.3.0.tgz",
       "integrity": "sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==",
+      "dev": true,
       "requires": {
         "history": "^5.2.0",
         "react-router": "6.3.0"
       }
     },
-    "react-side-effect": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz",
-      "integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ=="
-    },
     "react-sizeme": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/react-sizeme/-/react-sizeme-3.0.2.tgz",
@@ -21882,256 +24184,6 @@
         "throttle-debounce": "^3.0.1"
       }
     },
-    "react-snap": {
-      "version": "1.23.0",
-      "resolved": "https://registry.npmjs.org/react-snap/-/react-snap-1.23.0.tgz",
-      "integrity": "sha512-spmg2maHSedLrn6QBAfLJkyMqeeffLTIs7h40pS1copW2xBrajx4HEAcanm+7IVGO6SYCPoGwvbU3U30UFN25g==",
-      "dev": true,
-      "requires": {
-        "clean-css": "4.2.1",
-        "express": "4.16.4",
-        "express-history-api-fallback": "2.2.1",
-        "highland": "2.13.0",
-        "html-minifier": "3.5.21",
-        "minimalcss": "0.8.1",
-        "mkdirp": "0.5.1",
-        "puppeteer": "^1.8.0",
-        "serve-static": "1.13.2",
-        "sourcemapped-stacktrace-node": "2.1.8"
-      },
-      "dependencies": {
-        "array-flatten": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
-          "dev": true
-        },
-        "body-parser": {
-          "version": "1.18.3",
-          "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
-          "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=",
-          "dev": true,
-          "requires": {
-            "bytes": "3.0.0",
-            "content-type": "~1.0.4",
-            "debug": "2.6.9",
-            "depd": "~1.1.2",
-            "http-errors": "~1.6.3",
-            "iconv-lite": "0.4.23",
-            "on-finished": "~2.3.0",
-            "qs": "6.5.2",
-            "raw-body": "2.3.3",
-            "type-is": "~1.6.16"
-          }
-        },
-        "clean-css": {
-          "version": "4.2.1",
-          "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz",
-          "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==",
-          "dev": true,
-          "requires": {
-            "source-map": "~0.6.0"
-          }
-        },
-        "content-disposition": {
-          "version": "0.5.2",
-          "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-          "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
-          "dev": true
-        },
-        "cookie": {
-          "version": "0.3.1",
-          "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
-          "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
-          "dev": true
-        },
-        "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "express": {
-          "version": "4.16.4",
-          "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz",
-          "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==",
-          "dev": true,
-          "requires": {
-            "accepts": "~1.3.5",
-            "array-flatten": "1.1.1",
-            "body-parser": "1.18.3",
-            "content-disposition": "0.5.2",
-            "content-type": "~1.0.4",
-            "cookie": "0.3.1",
-            "cookie-signature": "1.0.6",
-            "debug": "2.6.9",
-            "depd": "~1.1.2",
-            "encodeurl": "~1.0.2",
-            "escape-html": "~1.0.3",
-            "etag": "~1.8.1",
-            "finalhandler": "1.1.1",
-            "fresh": "0.5.2",
-            "merge-descriptors": "1.0.1",
-            "methods": "~1.1.2",
-            "on-finished": "~2.3.0",
-            "parseurl": "~1.3.2",
-            "path-to-regexp": "0.1.7",
-            "proxy-addr": "~2.0.4",
-            "qs": "6.5.2",
-            "range-parser": "~1.2.0",
-            "safe-buffer": "5.1.2",
-            "send": "0.16.2",
-            "serve-static": "1.13.2",
-            "setprototypeof": "1.1.0",
-            "statuses": "~1.4.0",
-            "type-is": "~1.6.16",
-            "utils-merge": "1.0.1",
-            "vary": "~1.1.2"
-          }
-        },
-        "finalhandler": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
-          "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
-          "dev": true,
-          "requires": {
-            "debug": "2.6.9",
-            "encodeurl": "~1.0.2",
-            "escape-html": "~1.0.3",
-            "on-finished": "~2.3.0",
-            "parseurl": "~1.3.2",
-            "statuses": "~1.4.0",
-            "unpipe": "~1.0.0"
-          }
-        },
-        "http-errors": {
-          "version": "1.6.3",
-          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-          "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
-          "dev": true,
-          "requires": {
-            "depd": "~1.1.2",
-            "inherits": "2.0.3",
-            "setprototypeof": "1.1.0",
-            "statuses": ">= 1.4.0 < 2"
-          }
-        },
-        "iconv-lite": {
-          "version": "0.4.23",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-          "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
-          "dev": true,
-          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3"
-          }
-        },
-        "inherits": {
-          "version": "2.0.3",
-          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
-          "dev": true
-        },
-        "mime": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-          "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
-          "dev": true
-        },
-        "minimist": {
-          "version": "0.0.8",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
-          "dev": true
-        },
-        "mkdirp": {
-          "version": "0.5.1",
-          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
-          "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
-          "dev": true,
-          "requires": {
-            "minimist": "0.0.8"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-          "dev": true
-        },
-        "qs": {
-          "version": "6.5.2",
-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-          "dev": true
-        },
-        "raw-body": {
-          "version": "2.3.3",
-          "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
-          "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
-          "dev": true,
-          "requires": {
-            "bytes": "3.0.0",
-            "http-errors": "1.6.3",
-            "iconv-lite": "0.4.23",
-            "unpipe": "1.0.0"
-          }
-        },
-        "send": {
-          "version": "0.16.2",
-          "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
-          "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
-          "dev": true,
-          "requires": {
-            "debug": "2.6.9",
-            "depd": "~1.1.2",
-            "destroy": "~1.0.4",
-            "encodeurl": "~1.0.2",
-            "escape-html": "~1.0.3",
-            "etag": "~1.8.1",
-            "fresh": "0.5.2",
-            "http-errors": "~1.6.2",
-            "mime": "1.4.1",
-            "ms": "2.0.0",
-            "on-finished": "~2.3.0",
-            "range-parser": "~1.2.0",
-            "statuses": "~1.4.0"
-          }
-        },
-        "serve-static": {
-          "version": "1.13.2",
-          "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
-          "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
-          "dev": true,
-          "requires": {
-            "encodeurl": "~1.0.2",
-            "escape-html": "~1.0.3",
-            "parseurl": "~1.3.2",
-            "send": "0.16.2"
-          }
-        },
-        "setprototypeof": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
-          "dev": true
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        },
-        "statuses": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-          "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-          "dev": true
-        }
-      }
-    },
     "react-syntax-highlighter": {
       "version": "13.5.3",
       "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-13.5.3.tgz",
@@ -22263,11 +24315,14 @@
         "picomatch": "^2.2.1"
       }
     },
-    "reading-time": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/reading-time/-/reading-time-1.5.0.tgz",
-      "integrity": "sha512-onYyVhBNr4CmAxFsKS7bz+uTLRakypIe4R+5A824vBSkQy/hB3fZepoVEf8OVAxzLvK+H/jm9TzpI3ETSm64Kg==",
-      "dev": true
+    "readme-badger": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/readme-badger/-/readme-badger-0.3.0.tgz",
+      "integrity": "sha512-+sMOLSs1imZUISZ2Rhz7qqVd77QtpcAPbGeIraFdgJmijb04YtdlPjGNBvDChTNtLbeQ6JNGQy3pOgslWfaP3g==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0"
+      }
     },
     "recursive-readdir": {
       "version": "2.2.2",
@@ -22385,6 +24440,25 @@
         "unicode-match-property-value-ecmascript": "^2.0.0"
       }
     },
+    "registry-auth-token": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.4.0.tgz",
+      "integrity": "sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==",
+      "dev": true,
+      "requires": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "registry-url": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha1-PU74cPc93h138M+aOBQyRE4XSUI=",
+      "dev": true,
+      "requires": {
+        "rc": "^1.0.1"
+      }
+    },
     "regjsgen": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.6.0.tgz",
@@ -22414,59 +24488,12 @@
       "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
       "dev": true
     },
-    "remark-emoji": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/remark-emoji/-/remark-emoji-2.2.0.tgz",
-      "integrity": "sha512-P3cj9s5ggsUvWw5fS2uzCHJMGuXYRb0NnZqYlNecewXt8QBU9n5vW3DUUKOhepS8F9CwdMx9B8a3i7pqFWAI5w==",
-      "dev": true,
-      "requires": {
-        "emoticon": "^3.2.0",
-        "node-emoji": "^1.10.0",
-        "unist-util-visit": "^2.0.3"
-      }
-    },
     "remark-footnotes": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/remark-footnotes/-/remark-footnotes-2.0.0.tgz",
       "integrity": "sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ==",
       "dev": true
     },
-    "remark-images": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/remark-images/-/remark-images-0.8.1.tgz",
-      "integrity": "sha512-1NpiFnIQ7WQIeL+1ofFdrP7NYW+jOShXbjqwertfZMDzFrTrWqY6PmMSWl3imGqPF2AWyMOPkxObe6botEb5Cg==",
-      "dev": true,
-      "requires": {
-        "is-url": "^1.2.2",
-        "unist-util-visit": "^1.3.0"
-      },
-      "dependencies": {
-        "unist-util-is": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
-          "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
-          "dev": true
-        },
-        "unist-util-visit": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
-          "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
-          "dev": true,
-          "requires": {
-            "unist-util-visit-parents": "^2.0.0"
-          }
-        },
-        "unist-util-visit-parents": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
-          "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
-          "dev": true,
-          "requires": {
-            "unist-util-is": "^3.0.0"
-          }
-        }
-      }
-    },
     "remark-mdx": {
       "version": "1.6.22",
       "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-1.6.22.tgz",
@@ -22565,39 +24592,172 @@
         "xtend": "^4.0.1"
       }
     },
-    "remark-slug": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/remark-slug/-/remark-slug-5.1.2.tgz",
-      "integrity": "sha512-DWX+Kd9iKycqyD+/B+gEFO3jjnt7Yg1O05lygYSNTe5i5PIxxxPjp5qPBDxPIzp5wreF7+1ROCwRgjEcqmzr3A==",
-      "dev": true,
+    "remark-rehype": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
+      "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
       "requires": {
-        "github-slugger": "^1.0.0",
-        "mdast-util-to-string": "^1.0.0",
-        "unist-util-visit": "^1.0.0"
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-to-hast": "^12.1.0",
+        "unified": "^10.0.0"
       },
       "dependencies": {
-        "unist-util-is": {
+        "bail": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+          "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="
+        },
+        "is-buffer": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+          "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+        },
+        "is-plain-obj": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.0.0.tgz",
+          "integrity": "sha512-NXRbBtUdBioI73y/HmOhogw/U5msYPC9DAtGkJXeFcFWSFZw0mCUsPxk/snTuJHzNKA8kLBK4rH97RMB1BfCXw=="
+        },
+        "mdast-util-definitions": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.0.tgz",
+          "integrity": "sha512-5hcR7FL2EuZ4q6lLMUK5w4lHT2H3vqL9quPvYZ/Ku5iifrirfMHiGdhxdXMUbUkDmz5I+TYMd7nbaxUhbQkfpQ==",
+          "requires": {
+            "@types/mdast": "^3.0.0",
+            "@types/unist": "^2.0.0",
+            "unist-util-visit": "^3.0.0"
+          },
+          "dependencies": {
+            "unist-util-visit": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-3.1.0.tgz",
+              "integrity": "sha512-Szoh+R/Ll68QWAyQyZZpQzZQm2UPbxibDvaY8Xc9SUtYgPsDzx5AWSk++UUt2hJuow8mvwR+rG+LQLw+KsuAKA==",
+              "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-is": "^5.0.0",
+                "unist-util-visit-parents": "^4.0.0"
+              }
+            }
+          }
+        },
+        "mdast-util-to-hast": {
+          "version": "12.1.1",
+          "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.1.1.tgz",
+          "integrity": "sha512-qE09zD6ylVP14jV4mjLIhDBOrpFdShHZcEsYvvKGABlr9mGbV7mTlRWdoFxL/EYSTNDiC9GZXy7y8Shgb9Dtzw==",
+          "requires": {
+            "@types/hast": "^2.0.0",
+            "@types/mdast": "^3.0.0",
+            "@types/mdurl": "^1.0.0",
+            "mdast-util-definitions": "^5.0.0",
+            "mdurl": "^1.0.0",
+            "micromark-util-sanitize-uri": "^1.0.0",
+            "unist-builder": "^3.0.0",
+            "unist-util-generated": "^2.0.0",
+            "unist-util-position": "^4.0.0",
+            "unist-util-visit": "^4.0.0"
+          }
+        },
+        "trough": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
+          "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g=="
+        },
+        "unified": {
+          "version": "10.1.2",
+          "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+          "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "bail": "^2.0.0",
+            "extend": "^3.0.0",
+            "is-buffer": "^2.0.0",
+            "is-plain-obj": "^4.0.0",
+            "trough": "^2.0.0",
+            "vfile": "^5.0.0"
+          }
+        },
+        "unist-builder": {
           "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
-          "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
-          "dev": true
+          "resolved": "https://registry.npmjs.org/unist-builder/-/unist-builder-3.0.0.tgz",
+          "integrity": "sha512-GFxmfEAa0vi9i5sd0R2kcrI9ks0r82NasRq5QHh2ysGngrc6GiqD5CDf1FjPenY4vApmFASBIIlk/jj5J5YbmQ==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "unist-util-generated": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.0.tgz",
+          "integrity": "sha512-TiWE6DVtVe7Ye2QxOVW9kqybs6cZexNwTwSMVgkfjEReqy/xwGpAXb99OxktoWwmL+Z+Epb0Dn8/GNDYP1wnUw=="
+        },
+        "unist-util-is": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+          "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+        },
+        "unist-util-position": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.3.tgz",
+          "integrity": "sha512-p/5EMGIa1qwbXjA+QgcBXaPWjSnZfQ2Sc3yBEEfgPwsEmJd8Qh+DSk3LGnmOM4S1bY2C0AjmMnB8RuEYxpPwXQ==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
+        },
+        "unist-util-stringify-position": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+          "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+          "requires": {
+            "@types/unist": "^2.0.0"
+          }
         },
         "unist-util-visit": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
-          "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
-          "dev": true,
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+          "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
           "requires": {
-            "unist-util-visit-parents": "^2.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0",
+            "unist-util-visit-parents": "^5.0.0"
+          },
+          "dependencies": {
+            "unist-util-visit-parents": {
+              "version": "5.1.0",
+              "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+              "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+              "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-is": "^5.0.0"
+              }
+            }
           }
         },
         "unist-util-visit-parents": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
-          "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
-          "dev": true,
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-4.1.1.tgz",
+          "integrity": "sha512-1xAFJXAKpnnJl8G7K5KgU7FY55y3GcLIXqkzUj5QF/QVP7biUm0K0O2oqVkYsdjzJKifYeWn9+o6piAK2hGSHw==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "unist-util-is": "^5.0.0"
+          }
+        },
+        "vfile": {
+          "version": "5.3.2",
+          "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.2.tgz",
+          "integrity": "sha512-w0PLIugRY3Crkgw89TeMvHCzqCs/zpreR31hl4D92y6SOE07+bfJe+dK5Q2akwS+i/c801kzjoOr9gMcTe6IAA==",
+          "requires": {
+            "@types/unist": "^2.0.0",
+            "is-buffer": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0",
+            "vfile-message": "^3.0.0"
+          }
+        },
+        "vfile-message": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+          "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
           "requires": {
-            "unist-util-is": "^3.0.0"
+            "@types/unist": "^2.0.0",
+            "unist-util-stringify-position": "^3.0.0"
           }
         }
       }
@@ -22611,40 +24771,13 @@
         "mdast-squeeze-paragraphs": "^4.0.0"
       }
     },
-    "remark-textr": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/remark-textr/-/remark-textr-3.0.4.tgz",
-      "integrity": "sha512-5SvSJCw3TERrRuu+cqKd8/9B0HXZNUS7i8DFXFaFQAPINutEDiun82X4N6wnVw6qGILBt012HRdAZ4myXnR2rw==",
+    "remote-origin-url": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/remote-origin-url/-/remote-origin-url-1.0.0.tgz",
+      "integrity": "sha512-xHDM6IBqivpiQ1e4WOuFpM/T6rbzA/WBsu+3WLtgPOhHyjA0nYlijV3NprlTb4FcXlQ5+Q+z174sQ1NnUF5FwA==",
       "dev": true,
       "requires": {
-        "textr": "^0.3.0",
-        "unist-util-visit": "^1.0.0"
-      },
-      "dependencies": {
-        "unist-util-is": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
-          "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A==",
-          "dev": true
-        },
-        "unist-util-visit": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
-          "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
-          "dev": true,
-          "requires": {
-            "unist-util-visit-parents": "^2.0.0"
-          }
-        },
-        "unist-util-visit-parents": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
-          "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
-          "dev": true,
-          "requires": {
-            "unist-util-is": "^3.0.0"
-          }
-        }
+        "parse-git-config": "^1.1.1"
       }
     },
     "remove-trailing-separator": {
@@ -22737,12 +24870,6 @@
       "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
       "dev": true
     },
-    "replace-ext": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
-      "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=",
-      "dev": true
-    },
     "require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -22755,6 +24882,12 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -22844,6 +24977,25 @@
       "integrity": "sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==",
       "dev": true
     },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
     "ret": {
       "version": "0.1.15",
       "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
@@ -22939,6 +25091,12 @@
         }
       }
     },
+    "run-async": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+      "dev": true
+    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -22965,6 +25123,23 @@
         }
       }
     },
+    "rxjs": {
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "requires": {
+        "mri": "^1.1.0"
+      }
+    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -23018,12 +25193,11 @@
       }
     },
     "scheduler": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
-      "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.21.0.tgz",
+      "integrity": "sha512-1r87x5fz9MXqswA2ERLo0EbOAU74DpIUO090gIasYTqlVoJeMcl+Z1Rg7WHz+qtPujhS/hGIt9kxZOYBV3faRQ==",
       "requires": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
+        "loose-envify": "^1.1.0"
       }
     },
     "schema-utils": {
@@ -23079,6 +25253,29 @@
       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
       "dev": true
     },
+    "semver-diff": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-2.1.0.tgz",
+      "integrity": "sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=",
+      "dev": true,
+      "requires": {
+        "semver": "^5.0.3"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        }
+      }
+    },
+    "semver-utils": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/semver-utils/-/semver-utils-1.1.4.tgz",
+      "integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
+      "dev": true
+    },
     "send": {
       "version": "0.17.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
@@ -23125,33 +25322,6 @@
         }
       }
     },
-    "sentence-case": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-2.1.1.tgz",
-      "integrity": "sha1-H24t2jnBaL+S0T+G1KkYkz9mftQ=",
-      "dev": true,
-      "requires": {
-        "no-case": "^2.2.0",
-        "upper-case-first": "^1.1.2"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        }
-      }
-    },
     "serialize-javascript": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
@@ -23354,6 +25524,12 @@
         "object-inspect": "^1.9.0"
       }
     },
+    "sigmund": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
+      "integrity": "sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA=",
+      "dev": true
+    },
     "signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
@@ -23409,30 +25585,13 @@
         }
       }
     },
-    "snake-case": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-2.1.0.tgz",
-      "integrity": "sha1-Qb2xtz8w7GagTU4srRt2OH1NbZ8=",
+    "smpltmpl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/smpltmpl/-/smpltmpl-1.0.2.tgz",
+      "integrity": "sha512-Hq23NNgeZigOzIiX1dkb6W3gFn2/XQj43KhPxu65IMieG/gIwf/lQb1IudjYv0c/5LwJeS/mPayYzyo+8WJMxQ==",
       "dev": true,
       "requires": {
-        "no-case": "^2.2.0"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        }
+        "babel-code-frame": "^6.26.0"
       }
     },
     "snapdragon": {
@@ -23586,98 +25745,10 @@
       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
       "dev": true
     },
-    "source-map-explorer": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/source-map-explorer/-/source-map-explorer-2.5.2.tgz",
-      "integrity": "sha512-gBwOyCcHPHcdLbgw6Y6kgoH1uLKL6hN3zz0xJcNI2lpnElZliIlmSYAjUVwAWnc7+HscoTyh1ScR7ITtFuEnxg==",
-      "dev": true,
-      "requires": {
-        "btoa": "^1.2.1",
-        "chalk": "^4.1.0",
-        "convert-source-map": "^1.7.0",
-        "ejs": "^3.1.5",
-        "escape-html": "^1.0.3",
-        "glob": "^7.1.6",
-        "gzip-size": "^6.0.0",
-        "lodash": "^4.17.20",
-        "open": "^7.3.1",
-        "source-map": "^0.7.3",
-        "temp": "^0.9.4",
-        "yargs": "^16.2.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true
-        },
-        "open": {
-          "version": "7.4.2",
-          "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
-          "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
-          "dev": true,
-          "requires": {
-            "is-docker": "^2.0.0",
-            "is-wsl": "^2.1.1"
-          }
-        },
-        "source-map": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "dev": true
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
     "source-map-loader": {
       "version": "3.0.1",
@@ -23732,37 +25803,18 @@
         }
       }
     },
-    "source-map-url": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "dev": true
-    },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "dev": true
-    },
-    "sourcemapped-stacktrace-node": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/sourcemapped-stacktrace-node/-/sourcemapped-stacktrace-node-2.1.8.tgz",
-      "integrity": "sha512-xQOqfT5mquKLBp+H06WTeGYEQh7OF5wa44IPHbh+qNdTP15xSzxwISPml1xCweJ6DExDpDDxXe/P34wP+GdDrg==",
-      "dev": true,
-      "requires": {
-        "es6-promise": "^4.1.1",
-        "isomorphic-fetch": "^2.2.1",
-        "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-          "dev": true
-        }
-      }
-    },
+    "source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "dev": true
+    },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "dev": true
+    },
     "space-separated-tokens": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
@@ -23834,6 +25886,12 @@
       "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
       "dev": true
     },
+    "split-lines": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/split-lines/-/split-lines-2.1.0.tgz",
+      "integrity": "sha512-8dv+1zKgTpfTkOy8XZLFyWrfxO0NV/bj/3EaQ+hBrBxGv2DwiroljPjU8NlCr+59nLnsVm9WYT7lXKwe4TC6bw==",
+      "dev": true
+    },
     "split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -23926,6 +25984,85 @@
       "integrity": "sha512-CMtO2Uneg3SAz/d6fZ/6qbqqQHi2ynq6/KzMD/26gTkiEShCcpqFfTHgOxsE0egAq6SX3FmN4CeSqn8BzXQkJg==",
       "dev": true
     },
+    "storybook-addon-next": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/storybook-addon-next/-/storybook-addon-next-1.6.2.tgz",
+      "integrity": "sha512-v6x2oj+dWqL4Ed64rO8KRQG07JM0uv031IMlBNJAPLclyL7yWA/eCnwiZNNoLOXpV5LCV00KCchF1BJwmqcjBw==",
+      "dev": true,
+      "requires": {
+        "@storybook/addons": "^6.4.10",
+        "image-size": "^1.0.0",
+        "loader-utils": "^3.2.0",
+        "postcss-loader": "^6.2.1",
+        "resolve-url-loader": "^5.0.0",
+        "sass-loader": "^12.4.0",
+        "semver": "^7.3.5"
+      },
+      "dependencies": {
+        "loader-utils": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.0.tgz",
+          "integrity": "sha512-HVl9ZqccQihZ7JM85dco1MvO9G+ONvxoGa9rkhzFsneGLKSUg1gJf9bWzhRhcvm2qChhWpebQhP44qxjKIUCaQ==",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "resolve-url-loader": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+          "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
+          "dev": true,
+          "requires": {
+            "adjust-sourcemap-loader": "^4.0.0",
+            "convert-source-map": "^1.7.0",
+            "loader-utils": "^2.0.0",
+            "postcss": "^8.2.14",
+            "source-map": "0.6.1"
+          },
+          "dependencies": {
+            "loader-utils": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+              "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+              "dev": true,
+              "requires": {
+                "big.js": "^5.2.2",
+                "emojis-list": "^3.0.0",
+                "json5": "^2.1.2"
+              }
+            }
+          }
+        },
+        "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"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true
+        }
+      }
+    },
     "stream-browserify": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
@@ -24101,6 +26238,22 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "stringify-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.2.tgz",
+      "integrity": "sha512-MTxTVcEkorNtBbNpoFJPEh0kKdM6+QbMjLbaxmvaPMmayOXdr/AIVIIJX7FReUVweRBFJfZepK4A4AKgwuFpMQ==",
+      "requires": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "dependencies": {
+        "character-entities-legacy": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+          "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="
+        }
+      }
+    },
     "stringify-object": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
@@ -24139,6 +26292,12 @@
       "integrity": "sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==",
       "dev": true
     },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+      "dev": true
+    },
     "strip-final-newline": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -24176,7 +26335,6 @@
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.3.0.tgz",
       "integrity": "sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==",
-      "dev": true,
       "requires": {
         "inline-style-parser": "0.1.1"
       }
@@ -24190,6 +26348,11 @@
         "tslib": "^1.10.0"
       }
     },
+    "styled-jsx": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.1.tgz",
+      "integrity": "sha512-+PIZ/6Uk40mphiQJJI1202b+/dYeTVd9ZnMPR80pgiWbjIwvN2zIp4r9et0BgqBuShh48I0gttPlAXA7WVvBxw=="
+    },
     "stylefire": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/stylefire/-/stylefire-7.0.3.tgz",
@@ -24291,6 +26454,21 @@
         }
       }
     },
+    "stylelint-config-css-modules": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-css-modules/-/stylelint-config-css-modules-4.1.0.tgz",
+      "integrity": "sha512-w6d552NscwvpUEaUcmq8GgWXKRv6lVHLbDj6QIHSM2vCWr83qRqRvXBJCfXDyaG/J3Zojw2inU9VvU99ZlXuUw==",
+      "dev": true,
+      "requires": {
+        "stylelint-scss": "^4.2.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
+    },
     "stylelint-config-recommended": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
@@ -24306,6 +26484,20 @@
         "stylelint-config-recommended": "^7.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,
+      "optional": 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",
@@ -24361,42 +26553,18 @@
       "dev": true
     },
     "svgo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
-      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
-      "dev": true,
-      "requires": {
-        "chalk": "^2.4.1",
-        "coa": "^2.0.2",
-        "css-select": "^2.0.0",
-        "css-select-base-adapter": "^0.1.1",
-        "css-tree": "1.0.0-alpha.37",
-        "csso": "^4.0.2",
-        "js-yaml": "^3.13.1",
-        "mkdirp": "~0.5.1",
-        "object.values": "^1.1.0",
-        "sax": "~1.2.4",
-        "stable": "^0.1.8",
-        "unquote": "~1.1.1",
-        "util.promisify": "~1.0.0"
-      }
-    },
-    "swap-case": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/swap-case/-/swap-case-1.1.2.tgz",
-      "integrity": "sha1-w5IDpFhzhfrTyFCgvRvK+ggZdOM=",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
       "dev": true,
       "requires": {
-        "lower-case": "^1.1.1",
-        "upper-case": "^1.1.1"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        }
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
       }
     },
     "symbol-tree": {
@@ -24592,27 +26760,6 @@
         "memoizerific": "^1.11.3"
       }
     },
-    "temp": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/temp/-/temp-0.9.4.tgz",
-      "integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
-      "dev": true,
-      "requires": {
-        "mkdirp": "^0.5.1",
-        "rimraf": "~2.6.2"
-      },
-      "dependencies": {
-        "rimraf": {
-          "version": "2.6.3",
-          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
-          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
-          "dev": true,
-          "requires": {
-            "glob": "^7.1.3"
-          }
-        }
-      }
-    },
     "temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -24639,6 +26786,110 @@
         }
       }
     },
+    "term-size": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-1.2.0.tgz",
+      "integrity": "sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=",
+      "dev": true,
+      "requires": {
+        "execa": "^0.7.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+          "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^4.0.1",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "execa": {
+          "version": "0.7.0",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-0.7.0.tgz",
+          "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=",
+          "dev": true,
+          "requires": {
+            "cross-spawn": "^5.0.1",
+            "get-stream": "^3.0.0",
+            "is-stream": "^1.1.0",
+            "npm-run-path": "^2.0.0",
+            "p-finally": "^1.0.0",
+            "signal-exit": "^3.0.0",
+            "strip-eof": "^1.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+          "dev": true
+        },
+        "is-stream": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+          "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+          "dev": true
+        },
+        "lru-cache": {
+          "version": "4.1.5",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+          "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+          "dev": true,
+          "requires": {
+            "pseudomap": "^1.0.2",
+            "yallist": "^2.1.2"
+          }
+        },
+        "npm-run-path": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+          "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+          "dev": true,
+          "requires": {
+            "path-key": "^2.0.0"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        },
+        "yallist": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+          "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+          "dev": true
+        }
+      }
+    },
     "terminal-link": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
@@ -24713,12 +26964,6 @@
       "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
       "dev": true
     },
-    "textr": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/textr/-/textr-0.3.0.tgz",
-      "integrity": "sha1-cXNhKGlirI3za3omGft3OhW5t/c=",
-      "dev": true
-    },
     "three": {
       "version": "0.139.2",
       "resolved": "https://registry.npmjs.org/three/-/three-0.139.2.tgz",
@@ -24736,6 +26981,12 @@
       "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
       "dev": true
     },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -24769,6 +27020,12 @@
       "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
       "dev": true
     },
+    "timed-out": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
+      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=",
+      "dev": true
+    },
     "timers-browserify": {
       "version": "2.0.12",
       "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
@@ -24778,31 +27035,13 @@
         "setimmediate": "^1.0.4"
       }
     },
-    "title-case": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/title-case/-/title-case-2.1.1.tgz",
-      "integrity": "sha1-PhJyFtpY0rxb7PE3q5Ha46fNj6o=",
+    "tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
       "dev": true,
       "requires": {
-        "no-case": "^2.2.0",
-        "upper-case": "^1.0.3"
-      },
-      "dependencies": {
-        "lower-case": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-          "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
-          "dev": true
-        },
-        "no-case": {
-          "version": "2.3.2",
-          "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-          "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-          "dev": true,
-          "requires": {
-            "lower-case": "^1.1.1"
-          }
-        }
+        "os-tmpdir": "~1.0.2"
       }
     },
     "tmpl": {
@@ -24843,6 +27082,12 @@
         }
       }
     },
+    "to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "dev": true
+    },
     "to-regex": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
@@ -24864,12 +27109,6 @@
         "is-number": "^7.0.0"
       }
     },
-    "to-style": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/to-style/-/to-style-1.3.3.tgz",
-      "integrity": "sha1-Y6K3Cm9KfU/cLtV6C+TnI1y2aZw=",
-      "dev": true
-    },
     "toggle-selection": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
@@ -24916,12 +27155,6 @@
       "integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0=",
       "dev": true
     },
-    "trim-lines": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-1.1.3.tgz",
-      "integrity": "sha512-E0ZosSWYK2mkSu+KEtQ9/KqarVjA9HztOSX+9FDdNacRAq29RRV6ZQNgob3iuW8Htar9vAfEa6yyt5qBAHZDBA==",
-      "dev": true
-    },
     "trim-newlines": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
@@ -25028,70 +27261,25 @@
       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
       "dev": true,
       "requires": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      }
-    },
-    "typedarray": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
-      "dev": true
-    },
-    "typedarray-to-buffer": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "dev": true,
-      "requires": {
-        "is-typedarray": "^1.0.0"
-      }
-    },
-    "typographic-apostrophes": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/typographic-apostrophes/-/typographic-apostrophes-1.1.1.tgz",
-      "integrity": "sha1-vGkF65SQSKc2+oOZ+LkKr6iJR4c=",
-      "dev": true
-    },
-    "typographic-apostrophes-for-possessive-plurals": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/typographic-apostrophes-for-possessive-plurals/-/typographic-apostrophes-for-possessive-plurals-1.0.5.tgz",
-      "integrity": "sha1-yjG289J7qADWkC1i+6KbVI9jm5k=",
-      "dev": true
-    },
-    "typographic-ellipses": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/typographic-ellipses/-/typographic-ellipses-1.0.11.tgz",
-      "integrity": "sha1-ppFDtLjFYR3Tpmm3wwUmA+imlIc=",
-      "dev": true
-    },
-    "typographic-em-dashes": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typographic-em-dashes/-/typographic-em-dashes-1.0.2.tgz",
-      "integrity": "sha1-dUyvsbC+ZHE+0vDT8y19mmT+saU=",
-      "dev": true
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
     },
-    "typographic-en-dashes": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typographic-en-dashes/-/typographic-en-dashes-1.0.1.tgz",
-      "integrity": "sha1-o3c5/cQ+04w1G79wqAwlA8ywIuA=",
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
-    "typographic-quotes": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/typographic-quotes/-/typographic-quotes-1.2.2.tgz",
-      "integrity": "sha1-kG4o26KxMGLSm1fxCskxRyCA4GI=",
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
       "dev": true,
       "requires": {
-        "typographic-quotes-l10n-db": "^1.0.0"
+        "is-typedarray": "^1.0.0"
       }
     },
-    "typographic-quotes-l10n-db": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typographic-quotes-l10n-db/-/typographic-quotes-l10n-db-1.0.0.tgz",
-      "integrity": "sha1-EwTS+pWscf7D79gyeDTuSbATslQ=",
-      "dev": true
-    },
     "uglify-js": {
       "version": "3.15.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.3.tgz",
@@ -25204,6 +27392,21 @@
         "unique-slug": "^2.0.0"
       }
     },
+    "unique-random": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unique-random/-/unique-random-1.0.0.tgz",
+      "integrity": "sha1-zj4iTIJCzTOg53sNcYDXfmti0MQ=",
+      "dev": true
+    },
+    "unique-random-array": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unique-random-array/-/unique-random-array-1.0.0.tgz",
+      "integrity": "sha1-QrNyHFeTiNi2Z8k8Lb3j1dgakTY=",
+      "dev": true,
+      "requires": {
+        "unique-random": "^1.0.0"
+      }
+    },
     "unique-slug": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
@@ -25246,6 +27449,14 @@
       "integrity": "sha512-w+PkwCbYSFw8vpgWD0v7zRCl1FpY3fjDSQ3/N/wNd9Ffa4gPi8+4keqt99N3XW6F99t/mUzp2xAhNmfKWp95QA==",
       "dev": true
     },
+    "unist-util-position-from-estree": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unist-util-position-from-estree/-/unist-util-position-from-estree-1.1.1.tgz",
+      "integrity": "sha512-xtoY50b5+7IH8tFbkw64gisG9tMSpxDjhX9TmaJJae/XuxQ9R/Kc8Nv1eOsf43Gt4KV/LkriMy9mptDr7XLcaw==",
+      "requires": {
+        "@types/unist": "^2.0.0"
+      }
+    },
     "unist-util-remove": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unist-util-remove/-/unist-util-remove-2.1.0.tgz",
@@ -25358,25 +27569,306 @@
         }
       }
     },
+    "unzip-response": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unzip-response/-/unzip-response-2.0.1.tgz",
+      "integrity": "sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=",
+      "dev": true
+    },
     "upath": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
       "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
       "dev": true
     },
-    "upper-case": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
-      "integrity": "sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=",
-      "dev": true
-    },
-    "upper-case-first": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-1.1.2.tgz",
-      "integrity": "sha1-XXm+3P8UQZUY/S7bCgUHybaFkRU=",
+    "update-notifier": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-4.1.3.tgz",
+      "integrity": "sha512-Yld6Z0RyCYGB6ckIjffGOSOmHXj1gMeE7aROz4MG+XMkmixBX4jUngrGXNYz7wPKBmtoD4MnBa2Anu7RSKht/A==",
       "dev": true,
       "requires": {
-        "upper-case": "^1.1.1"
+        "boxen": "^4.2.0",
+        "chalk": "^3.0.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.3.1",
+        "is-npm": "^4.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.0.0",
+        "pupa": "^2.0.1",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "boxen": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
+          "integrity": "sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==",
+          "dev": true,
+          "requires": {
+            "ansi-align": "^3.0.0",
+            "camelcase": "^5.3.1",
+            "chalk": "^3.0.0",
+            "cli-boxes": "^2.2.0",
+            "string-width": "^4.1.0",
+            "term-size": "^2.1.0",
+            "type-fest": "^0.8.1",
+            "widest-line": "^3.1.0"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "ci-info": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+          "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+          "dev": true
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "configstore": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+          "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "graceful-fs": "^4.1.2",
+            "make-dir": "^3.0.0",
+            "unique-string": "^2.0.0",
+            "write-file-atomic": "^3.0.0",
+            "xdg-basedir": "^4.0.0"
+          }
+        },
+        "dot-prop": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+          "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+          "dev": true,
+          "requires": {
+            "is-obj": "^2.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "global-dirs": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-2.1.0.tgz",
+          "integrity": "sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==",
+          "dev": true,
+          "requires": {
+            "ini": "1.3.7"
+          }
+        },
+        "got": {
+          "version": "9.6.0",
+          "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+          "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+          "dev": true,
+          "requires": {
+            "@sindresorhus/is": "^0.14.0",
+            "@szmarczak/http-timer": "^1.1.2",
+            "cacheable-request": "^6.0.0",
+            "decompress-response": "^3.3.0",
+            "duplexer3": "^0.1.4",
+            "get-stream": "^4.1.0",
+            "lowercase-keys": "^1.0.1",
+            "mimic-response": "^1.0.1",
+            "p-cancelable": "^1.0.0",
+            "to-readable-stream": "^1.0.0",
+            "url-parse-lax": "^3.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "import-lazy": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+          "integrity": "sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=",
+          "dev": true
+        },
+        "ini": {
+          "version": "1.3.7",
+          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.7.tgz",
+          "integrity": "sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==",
+          "dev": true
+        },
+        "is-ci": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+          "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+          "dev": true,
+          "requires": {
+            "ci-info": "^2.0.0"
+          }
+        },
+        "is-installed-globally": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
+          "integrity": "sha512-wZ8x1js7Ia0kecP/CHM/3ABkAmujX7WPvQk6uu3Fly/Mk44pySulQpnHG46OMjHGXApINnV4QhY3SWnECO2z5g==",
+          "dev": true,
+          "requires": {
+            "global-dirs": "^2.0.1",
+            "is-path-inside": "^3.0.1"
+          }
+        },
+        "is-npm": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
+          "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
+          "dev": true
+        },
+        "is-obj": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+          "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+          "dev": true
+        },
+        "is-path-inside": {
+          "version": "3.0.3",
+          "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+          "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+          "dev": true
+        },
+        "latest-version": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+          "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+          "dev": true,
+          "requires": {
+            "package-json": "^6.3.0"
+          }
+        },
+        "package-json": {
+          "version": "6.5.0",
+          "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+          "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+          "dev": true,
+          "requires": {
+            "got": "^9.6.0",
+            "registry-auth-token": "^4.0.0",
+            "registry-url": "^5.0.0",
+            "semver": "^6.2.0"
+          }
+        },
+        "prepend-http": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+          "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
+          "dev": true
+        },
+        "registry-auth-token": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
+          "integrity": "sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==",
+          "dev": true,
+          "requires": {
+            "rc": "^1.2.8"
+          }
+        },
+        "registry-url": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+          "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+          "dev": true,
+          "requires": {
+            "rc": "^1.2.8"
+          }
+        },
+        "semver-diff": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+          "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+          "dev": true,
+          "requires": {
+            "semver": "^6.3.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "term-size": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+          "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==",
+          "dev": true
+        },
+        "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
+        },
+        "url-parse-lax": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+          "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+          "dev": true,
+          "requires": {
+            "prepend-http": "^2.0.0"
+          }
+        },
+        "xdg-basedir": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+          "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
+          "dev": true
+        }
       }
     },
     "uri-js": {
@@ -25423,6 +27915,15 @@
         "schema-utils": "^3.0.0"
       }
     },
+    "url-parse-lax": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz",
+      "integrity": "sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^1.0.1"
+      }
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -25450,6 +27951,24 @@
         "use-isomorphic-layout-effect": "^1.0.0"
       }
     },
+    "user-home": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/user-home/-/user-home-2.0.0.tgz",
+      "integrity": "sha1-nHC/2Babwdy/SGBODwS4tJzenp8=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0"
+      }
+    },
+    "user-meta": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/user-meta/-/user-meta-1.0.0.tgz",
+      "integrity": "sha512-Q/opMgFhVbBkdlTs44UKzV7L5Uj2zrJ4MVPXTTzJmrU1bHb2cX6wJzBIqEf1gROTzZIH8u39WmHsa5EvfnMPrw==",
+      "dev": true,
+      "requires": {
+        "rc": "^1.2.1"
+      }
+    },
     "util": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
@@ -25509,6 +28028,24 @@
       "integrity": "sha1-DwWkCu90+eWVHiDvv0SxGHHlZBA=",
       "dev": true
     },
+    "uvu": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.3.tgz",
+      "integrity": "sha512-brFwqA3FXzilmtnIyJ+CxdkInkY/i4ErvP7uV0DnUVxQcQ55reuHphorpF+tZoVHK2MniZ/VJzI7zJQoc9T9Yw==",
+      "requires": {
+        "dequal": "^2.0.0",
+        "diff": "^5.0.0",
+        "kleur": "^4.0.3",
+        "sade": "^1.7.3"
+      },
+      "dependencies": {
+        "kleur": {
+          "version": "4.1.4",
+          "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.4.tgz",
+          "integrity": "sha512-8QADVssbrFjivHWQU7KkMgptGTl6WAcSdlbBPY4uNF+mWr6DGcKrvY2w4FQJoXch7+fKMjj0dRrL75vk3k23OA=="
+        }
+      }
+    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -25544,6 +28081,15 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "validate-npm-package-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-3.0.0.tgz",
+      "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=",
+      "dev": true,
+      "requires": {
+        "builtins": "^1.0.3"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -25576,6 +28122,36 @@
       "integrity": "sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA==",
       "dev": true
     },
+    "vfile-matter": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/vfile-matter/-/vfile-matter-3.0.1.tgz",
+      "integrity": "sha512-CAAIDwnh6ZdtrqAuxdElUqQRQDQgbbIrYtDYI8gCjXS1qQ+1XdLoK8FIZWxJwn0/I+BkSSZpar3SOgjemQz4fg==",
+      "requires": {
+        "@types/js-yaml": "^4.0.0",
+        "is-buffer": "^2.0.0",
+        "js-yaml": "^4.0.0"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+          "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+        },
+        "is-buffer": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+          "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+        },
+        "js-yaml": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+          "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+          "requires": {
+            "argparse": "^2.0.1"
+          }
+        }
+      }
+    },
     "vfile-message": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
@@ -26160,6 +28736,15 @@
         }
       }
     },
+    "webpack-merge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+      "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
     "webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -26243,6 +28828,12 @@
         "is-symbol": "^1.0.3"
       }
     },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
     "wide-align": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
@@ -26638,10 +29229,10 @@
       "integrity": "sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==",
       "dev": true
     },
-    "x-is-string": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/x-is-string/-/x-is-string-0.1.0.tgz",
-      "integrity": "sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=",
+    "xdg-basedir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-3.0.0.tgz",
+      "integrity": "sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=",
       "dev": true
     },
     "xml-name-validator": {
@@ -26701,16 +29292,6 @@
       "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
       "dev": true
     },
-    "yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
-      "dev": true,
-      "requires": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 314920e7..a83849fd 100644
--- a/package.json
+++ b/package.json
@@ -6,51 +6,46 @@
   "repository": "https://github.com/HamishMW/portfolio.git",
   "author": "Hamish Williams <hello@hamishw.com>",
   "devDependencies": {
-    "@babel/core": "^7.12.3",
     "@hamishmw/react-scripts-postcss": "5.0.0-mod1",
+    "@mapbox/rehype-prism": "^0.8.0",
     "@storybook/addon-a11y": "^6.4.20",
     "@storybook/addon-actions": "^6.4.20",
     "@storybook/addon-controls": "^6.4.20",
+    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-toolbars": "^6.4.20",
-    "@storybook/builder-webpack5": "^6.4.20",
-    "@storybook/manager-webpack5": "^6.4.20",
-    "@storybook/preset-create-react-app": "^4.1.0",
+    "@storybook/builder-webpack5": "^6.4.21",
+    "@storybook/manager-webpack5": "^6.4.21",
     "@storybook/react": "^6.4.20",
-    "mdx-loader": "^3.0.2",
-    "postcss": "^8.4.12",
+    "@svgr/webpack": "^6.2.1",
+    "esbuild": "^0.14.36",
+    "eslint-config-next": "^12.1.5",
+    "gray-matter": "^4.0.3",
     "prettier": "^2.2.1",
-    "react-snap": "1.23.0",
-    "source-map-explorer": "^2.5.1",
+    "storybook-addon-next": "^1.6.2",
     "stylelint": "^14.6.1",
-    "stylelint-config-standard": "^25.0.0",
-    "webpack": "^5.72.0"
+    "stylelint-config-css-modules": "^4.1.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^25.0.0"
   },
   "dependencies": {
-    "@mdx-js/react": "^2.1.1",
+    "next": "^12.1.5",
+    "next-mdx-remote": "4.0.1",
     "popmotion": "^8.7.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-helmet": "^6.1.0",
-    "react-router-dom": "^6.3.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-transition-group": "^4.4.2",
     "three": "^0.139.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "dev": "next dev",
+    "build": "next build && next export -o build/",
+    "start": "next start",
     "build:storybook": "build-storybook -o build-storybook",
-    "postbuild": "react-snap",
     "deploy": "aws s3 sync --delete build/ s3://hamish-portfolio-site",
     "deploy:storybook": "aws s3 sync --delete build-storybook s3://hamish-portfolio-storybook",
     "test": "echo 'write some tests'",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 9009 -s public",
-    "analyze": "source-map-explorer 'build/static/js/*.js'"
-  },
-  "reactSnap": {
-    "skipThirdPartyRequests": true,
-    "headless": true,
-    "crawl": true
+    "storybook": "start-storybook -p 9009 -s public"
   },
   "browserslist": {
     "production": [
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 00000000..c06b5811
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,16 @@
+module.exports = {
+  plugins: {
+    'postcss-preset-env': {
+      autoprefixer: {
+        flexbox: 'no-2009',
+      },
+      stage: 3,
+      features: {
+        'nesting-rules': true,
+        'custom-media-queries': {
+          importFrom: 'src/layouts/App/global.css',
+        },
+      },
+    },
+  },
+};
diff --git a/src/posts/assets/akira-placeholder.jpg b/public/assets/akira-placeholder.jpg
similarity index 100%
rename from src/posts/assets/akira-placeholder.jpg
rename to public/assets/akira-placeholder.jpg
diff --git a/src/posts/assets/akira.mp4 b/public/assets/akira.mp4
similarity index 100%
rename from src/posts/assets/akira.mp4
rename to public/assets/akira.mp4
diff --git a/src/posts/assets/windows-settings.png b/public/assets/windows-settings.png
similarity index 100%
rename from src/posts/assets/windows-settings.png
rename to public/assets/windows-settings.png
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index 624e3c78..00000000
--- a/public/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
-    />
-    <meta name="theme-color" content="#111111" />
-    <meta name="author" content="Hamish Williams" />
-
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.svg" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/icon-256.png" />
-    <link type="text/plain" rel="author" href="%PUBLIC_URL%/humans.txt" />
-
-    <meta
-      property="og:image"
-      content="https://hamishw.com%PUBLIC_URL%/social-image.png"
-    />
-    <meta property="og:image:type" content="image/png" />
-    <meta property="og:image:width" content="1200" />
-    <meta property="og:image:height" content="549" />
-
-    <meta property="og:title" content="Design portfolio of Hamish Williams" />
-    <meta property="og:site_name" content="hamishw.com" />
-    <meta property="og:url" content="https://hamishw.com" />
-    <meta property="og:description" content="Multidisciplinary product designer" />
-
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:description" content="Multidisciplinary product designer" />
-    <meta name="twitter:title" content="Design portfolio of Hamish Williams" />
-    <meta name="twitter:site" content="@hamishMW" />
-    <meta
-      name="twitter:image"
-      content="https://hamishw.com%PUBLIC_URL%/social-image.png"
-    />
-  </head>
-
-  <body>
-    <script>
-      const preferredTheme = JSON.parse(localStorage.getItem('theme'));
-      document.body.className = preferredTheme || 'dark';
-    </script>
-    <div id="root"></div>
-  </body>
-</html>
diff --git a/src/app/App.js b/src/app/App.js
deleted file mode 100644
index 5762a917..00000000
--- a/src/app/App.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import './reset.css';
-import './global.css';
-import './App.css';
-
-import { initialState, reducer } from 'app/reducer';
-import { Navbar } from 'components/Navbar';
-import { ThemeProvider } from 'components/ThemeProvider';
-import { tokens } from 'components/ThemeProvider/theme';
-import { VisuallyHidden } from 'components/VisuallyHidden';
-import { useLocalStorage } from 'hooks';
-import { Fragment, Suspense, createContext, lazy, useEffect, useReducer } from 'react';
-import { Helmet } from 'react-helmet';
-import { BrowserRouter, Route, Routes, useLocation } from 'react-router-dom';
-import { Transition, TransitionGroup } from 'react-transition-group';
-import { prerender } from 'utils/prerender';
-import { msToNum } from 'utils/style';
-import { reflow } from 'utils/transition';
-
-const Home = lazy(() => import('pages/Home'));
-const Contact = lazy(() => import('pages/Contact'));
-const ProjectSPR = lazy(() => import('pages/SmartSparrow'));
-const ProjectSlice = lazy(() => import('pages/Slice'));
-const ProjectVolkihar = lazy(() => import('pages/VolkiharKnight'));
-// const Articles = lazy(() => import('pages/Articles'));
-const Page404 = lazy(() => import('pages/404'));
-const Uses = lazy(() => import('pages/Uses'));
-
-export const AppContext = createContext();
-export const TransitionContext = createContext();
-
-const repoPrompt = `
-__  __  __
-\u005C \u005C \u005C \u005C \u005C\u2215\n \u005C \u005C\u2215\u005C \u005C\n  \u005C\u2215  \u005C\u2215
-\n\nTaking a peek huh? Check out the source code: https://github.com/HamishMW/portfolio
-`;
-
-export const App = () => {
-  const [storedTheme] = useLocalStorage('theme', 'dark');
-  const [state, dispatch] = useReducer(reducer, initialState);
-
-  useEffect(() => {
-    if (!prerender) {
-      console.info(`${repoPrompt}\n\n`);
-    }
-    window.history.scrollRestoration = 'manual';
-  }, []);
-
-  useEffect(() => {
-    dispatch({ type: 'setTheme', value: storedTheme });
-  }, [storedTheme]);
-
-  return (
-    <AppContext.Provider value={{ ...state, dispatch }}>
-      <ThemeProvider themeId={state.theme}>
-        <BrowserRouter>
-          <AppRoutes />
-        </BrowserRouter>
-      </ThemeProvider>
-    </AppContext.Provider>
-  );
-};
-
-const AppRoutes = () => {
-  const location = useLocation();
-  const { pathname } = location;
-
-  return (
-    <Fragment>
-      <Helmet>
-        <link rel="canonical" href={`https://hamishw.com${pathname}`} />
-      </Helmet>
-      <VisuallyHidden showOnFocus as="a" className="skip-to-main" href="#MainContent">
-        Skip to main content
-      </VisuallyHidden>
-      <Navbar location={location} />
-      <TransitionGroup component="main" className="app" tabIndex={-1} id="MainContent">
-        <Transition
-          key={pathname}
-          timeout={msToNum(tokens.base.durationS)}
-          onEnter={reflow}
-        >
-          {status => (
-            <TransitionContext.Provider value={{ status }}>
-              <div className="app__page" data-status={status}>
-                <Suspense fallback={<Fragment />}>
-                  <Routes location={location} key={pathname}>
-                    <Route path="/" element={<Home />} />
-                    <Route path="/contact" element={<Contact />} />
-                    <Route path="/projects/smart-sparrow" element={<ProjectSPR />} />
-                    <Route path="/projects/slice" element={<ProjectSlice />} />
-                    <Route
-                      path="/projects/volkihar-knight"
-                      element={<ProjectVolkihar />}
-                    />
-                    {/* <Route path="/articles" element={<Articles} /> /> */}
-                    <Route path="/uses" element={<Uses />} />
-                    <Route path="*" element={<Page404 />} />
-                  </Routes>
-                </Suspense>
-              </div>
-            </TransitionContext.Provider>
-          )}
-        </Transition>
-      </TransitionGroup>
-    </Fragment>
-  );
-};
diff --git a/src/app/index.js b/src/app/index.js
deleted file mode 100644
index 3526e39b..00000000
--- a/src/app/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from './App.js';
diff --git a/src/assets/profile-large.jpg b/src/assets/profile-large.jpg
old mode 100755
new mode 100644
diff --git a/src/assets/profile.jpg b/src/assets/profile.jpg
old mode 100755
new mode 100644
diff --git a/src/assets/volkihar-logo.svg b/src/assets/volkihar-logo.svg
index 49ef9798..1e38a695 100644
--- a/src/assets/volkihar-logo.svg
+++ b/src/assets/volkihar-logo.svg
@@ -1 +1 @@
-<svg width="532" height="344" viewBox="0 0 532 344" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M294.971 81.133c22.724 29.428 35.373 45.546 37.95 48.354 5.486 5.982 8.123 9.267 19.709 16.895 6.486 4.394 14.942 7.61 25.37 9.651V159h-54.38L261 77.977V159C191.123 68.072 153.683 20.04 148.683 14.903c-5-5.136-12.56-8.026-22.683-8.668V0l69.584.14V6c-4.38 0-7.994.587-10.845 1.762-4.275 1.761-4.42 5.768-3.412 7.141 1.4 2.138 23.229 30.34 65.487 84.609v-70.08c0-11.449-6.327-16.432-11.333-20.102-3.337-2.447-9.281-3.557-17.832-3.33V.14H289V6c-5.556-.235-13.818.235-19.896 3.33-4.052 2.063-6.753 6.857-8.103 14.382v13.29a24524.908 24524.908 0 0 0 25.533 33.194c23.526-29.352 36.705-45.71 39.538-49.074 4.481-5.32 2.935-11.023-1.577-13.119-3.007-1.397-7.648-2.178-13.922-2.342V0H373v5.661c-7.55 0-13.964 1.666-18.393 3.891-2.954 1.483-6.835 4.828-11.644 10.035l-47.992 61.546z" fill="currentColor"/><path d="M18.3 254.75L6.05 224.1c-1.1-2.8-1.85-3.35-3.6-3.85-.75-.2-1.6-.2-1.9-.2-.3 0-.4-.15-.4-.35 0-.3.5-.35 1.3-.35 2.4 0 5.1.15 5.7.15.5 0 2.65-.15 4.55-.15.9 0 1.35.1 1.35.35 0 .25-.15.35-.5.35-.55 0-1.45.05-1.9.25-.55.25-.65.65-.65 1 0 .45.45 1.8 1 3.2l10.2 26.55c2.9-6.7 9.6-24.15 10.7-27.75.25-.75.45-1.45.45-1.9 0-.4-.15-.9-.65-1.15-.6-.2-1.35-.2-1.9-.2-.3 0-.55-.05-.55-.3 0-.3.3-.4 1.1-.4 2 0 4.3.15 4.9.15.3 0 2.45-.15 3.9-.15.55 0 .85.1.85.35 0 .25-.2.35-.6.35-.35 0-1.45 0-2.4.6-.65.45-1.4 1.3-2.75 4.7-.55 1.4-3.05 7.4-5.6 13.55-3.05 7.3-5.3 12.7-6.45 15.15-1.4 3-1.6 3.8-2.1 3.8-.6 0-.85-.7-1.8-3.1zM61 257.7c-12.25 0-17.25-9.1-17.25-16.7 0-6.65 5.15-16.6 17.5-16.6 9.9 0 17.45 5.9 17.45 15.95 0 9.55-7.05 17.35-17.7 17.35zm1.25-1.7C65.6 256 74 254.3 74 241.6c0-10.05-6.2-15.65-13.05-15.65-6.95 0-12.55 4.3-12.55 13.75 0 9.8 5.45 16.3 13.85 16.3zm33.6-18.7v7.6c0 5.75.2 8.65 1.05 9.45.8.7 1.8 1 5.25 1 2.2 0 4.2 0 5.3-1.4.5-.75.85-1.75.95-2.5.05-.4.15-.6.4-.6.2 0 .3.15.3.65s-.3 3.35-.6 4.5c-.3 1-.25 1.25-2.65 1.25-3.4 0-7.15-.25-12.15-.25-1.65 0-2.65.15-4.4.15-.5 0-.8-.1-.8-.4 0-.15.15-.3.55-.3s.8 0 1.2-.1c.85-.15 1.15-1.15 1.3-2.35.3-1.9.2-5.35.2-9.2v-7.5c0-6.6 0-7.7-.1-9.05-.1-1.4-.3-2.3-2-2.5-.3-.05-.85-.05-1.25-.05-.35 0-.55-.15-.55-.35 0-.25.25-.35.75-.35 2.1 0 5.1.15 5.2.15.7 0 3.75-.15 5.15-.15.5 0 .65.15.65.35 0 .2-.25.35-.55.35-.35 0-.85.05-1.35.1-1.4.2-1.7 1-1.8 2.45-.1 1.35-.05 2.45-.05 9.05zm29.2 0v2.35c2.3-2.05 7.75-7.25 10-9.7 2.4-2.65 2.6-2.9 2.6-3.45 0-.35-.2-.6-.8-.8-.35-.1-.55-.2-.55-.4 0-.15.1-.3.5-.3.3 0 1.8.15 3.4.15 1.5 0 4.25-.15 4.9-.15.7 0 .8.1.8.3 0 .2-.15.35-.55.4-.8.05-1.85.25-2.45.5-1.2.4-1.85.95-4.45 3.3-3.65 3.3-8 7.55-10.2 9.55 2.7 2.8 10.8 10.8 12.9 12.7 3.5 3.2 5.2 4.1 7.2 4.55.55.1.3.05 1.15.15.45.05.7.15.7.4 0 .2-.25.3-.8.3h-3.25c-3.9 0-4.9-.45-6.9-1.85-2.25-1.6-10.25-9.8-14.2-14.45v3.95c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1zm33.3 7.5v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1v7.5c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1zm27-6.4h18.1c.15 0 .3 0 .3-.25v-.9c0-6.6 0-7.75-.1-9.1-.1-1.35-.3-2.05-1.95-2.35-.35-.05-.85-.1-1.25-.1-.35 0-.6-.15-.6-.35 0-.3.25-.35.7-.35 2.1 0 5.05.15 5.25.15.2 0 3-.15 4.5-.15.5 0 .8.05.8.35 0 .15-.15.35-.55.35-.3 0-.7.05-1 .1-1.35.2-1.55 1-1.65 2.4-.05 1.35-.05 2.5-.05 9.1v7.5c0 4.1 0 7.35.2 9.15.15 1.2.4 2.2 1.7 2.35.65.1 1.3.15 1.75.15.4 0 .65.15.65.35 0 .25-.25.35-.75.35-2.5 0-5.4-.15-5.65-.15-.2 0-3.1.15-4.45.15-.5 0-.75-.1-.75-.4 0-.15.15-.3.55-.3s.75 0 1.15-.1c.85-.15 1.1-1.25 1.25-2.4.25-1.8.25-4.95.25-9v-4.45c0-.2-.15-.3-.3-.3H185.3c-.15 0-.25.05-.25.3v4.45c0 4.05 0 7.3.25 9.1.15 1.1.4 2.1 1.7 2.25.65.1 1.4.15 1.8.15.35 0 .6.15.6.35 0 .2-.2.35-.65.35-2.55 0-5.5-.15-5.75-.15-.15 0-3.2.15-4.5.15-.5 0-.8-.1-.8-.35 0-.15.1-.35.55-.35.4 0 .8-.05 1.2-.15.9-.2 1.1-1.15 1.25-2.25.3-1.8.25-5.15.25-9.25v-7.4c0-6.6 0-7.9-.1-9.25-.1-1.3-.45-2.25-1.9-2.4-.45-.05-.95-.1-1.35-.1-.35 0-.55-.15-.55-.3 0-.3.25-.35.75-.35 2.15 0 4.55.15 5.2.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.2.3-.5.3s-.45 0-1 .1c-1.25.2-1.55 1.05-1.65 2.45-.05 1.35-.05 2.45-.05 9.05v.9c0 .25.15.25.3.25zm52.2 6.55h-9.1c-.25 0-.4.15-.5.4l-2.2 6.25c-.5 1.4-.85 2.75-.85 3.55 0 .9.55 1.3 1.65 1.3h.35c.45 0 .6.15.6.35 0 .25-.4.35-.75.35-1.1 0-3.4-.15-3.95-.15-.5 0-2.7.15-4.8.15-.55 0-.8-.1-.8-.35 0-.2.2-.35.6-.35.25 0 .7 0 1-.05 2.15-.2 3-1.85 3.85-3.95l10-26.35c.55-1.45.7-1.7 1.05-1.7.25 0 .45.2 1 1.6.7 1.65 7.5 19.1 10.15 25.35 1.65 3.95 3.1 4.6 3.8 4.85.65.25 1.35.25 1.7.25.35 0 .6.1.6.35 0 .25-.2.35-.75.35-.5 0-4.25 0-7.6-.1-.95-.05-1.25-.1-1.25-.35 0-.15.15-.3.35-.35.2-.1.5-.35.2-1.1l-3.95-10.05c-.1-.15-.2-.25-.4-.25zm-8.6-1.75h8c.2 0 .2-.15.15-.3l-3.95-11.05c-.25-.7-.3-.7-.55 0l-3.75 11.05c-.1.2 0 .3.1.3zm31.15 1.6v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.45-2.1-2-2.4-.3-.05-.8-.1-1.2-.1-.35 0-.55-.1-.55-.3 0-.2.15-.35.6-.35 2.15 0 5.2.15 5.3.15.45 0 3.85-.15 5.25-.15 2.8 0 5.85.25 8.2 1.9.95.7 3 2.7 3 6.1 0 2.75-1.35 6.25-5.3 9.45 3.65 4.5 6.65 8.2 9.2 10.85 2.4 2.45 3.9 2.85 5.3 3.05.35.05 1.4.1 1.55.1.4 0 .55.15.55.35 0 .25-.2.35-.9.35h-3.5c-2.35 0-3.45-.15-4.55-.6-2.1-.9-3.6-3.15-6.2-6.5-1.95-2.4-3.95-5.1-4.8-6.15-.2-.2-.3-.3-.6-.3l-5.15-.05c-.2 0-.25.05-.25.25v.7c0 4 0 7.65.25 9.45.15 1.2.3 2.2 1.95 2.4.5.05 1.05.1 1.45.1.45 0 .65.15.65.3 0 .25-.2.4-.7.4-2.6 0-5.4-.15-5.6-.15-.8 0-3 .15-4.35.15-.5 0-.7-.1-.7-.4 0-.15.3-.3.6-.3.35 0 .7 0 1.1-.1.85-.15 1.15-.7 1.3-1.9.25-1.8.2-5.9.2-9.65zm3.85-17.55v13.6c0 .25.05.5.25.6.65.35 2.65.65 4.45.65 1.05 0 2.3-.05 3.35-.75 1.5-.95 2.5-3.15 2.5-6.35 0-5.45-2.9-8.45-7.35-8.45-1.25 0-2.3.1-2.9.25-.15.05-.3.2-.3.45zm56.85 6.6v3.2c1.55-1.5 8.35-8.65 11.4-11.8 3-3.1 3.2-3.6 3.2-4.2 0-.4-.25-.8-.65-.95-.35-.15-.45-.25-.45-.45s.3-.3.75-.3c1.45 0 1.3.15 3 .15 1.55 0 4.5-.15 5.3-.15.7 0 .85.15.85.35 0 .2-.1.3-.55.35-.95.1-1.85.3-2.55.6-1.25.5-2.2 1.1-5.2 4-4.4 4.25-10.1 9.9-11.4 11.35 3.15 3.45 12.25 12.7 14.6 14.9 4.1 3.85 5.85 4.95 8.25 5.4.45.1.95.15 1.45.15.4 0 .7.1.7.35 0 .25-.2.35-.75.35h-3.7c-4.35 0-5.5-.55-7.85-2.4-3-2.35-12-12-16.4-17.25v5.15c0 4.8 0 8.75.25 10.85.15 1.45.45 2.55 1.95 2.75.7.1 1.7.2 2 .2.45 0 .6.2.6.35 0 .25-.2.35-.75.35-2.75 0-5.9-.15-6.15-.15s-3.2.15-4.7.15c-.55 0-.8-.05-.8-.35 0-.15.1-.35.55-.35.3 0 .85-.05 1.3-.15 1-.2 1.3-1.35 1.5-2.8.25-2.1.25-6.05.25-10.85v-8.8c0-7.8 0-9.2-.1-10.8-.1-1.7-.6-2.55-1.7-2.8-.55-.15-1.45-.2-1.8-.2-.4 0-.55-.1-.55-.3 0-.3.25-.4.8-.4 1.65 0 5 .15 5.25.15s3.4-.15 4.9-.15c.55 0 .8.1.8.35 0 .2-.1.3-.55.35-.55.05-.6.05-1.1.1-1.35.15-1.75 1.15-1.85 2.9-.1 1.6-.1 3-.1 10.8zm34.15 17.05c0-23.85.05-16.15 0-24.45 0-1.55.15-2.05.55-2.05.35 0 1.2 1 1.55 1.35.45.5 7.4 7.6 14.4 14.75 3.9 3.8 8.9 8.95 10.2 10.15l-.55-20.8c-.05-2.7-.35-3.6-1.7-3.95-.85-.15-1.6-.2-1.95-.2-.5 0-.6-.2-.6-.4 0-.25.4-.3.9-.3 2.15 0 4.25.15 4.7.15.5 0 2.05-.15 4-.15.55 0 .7.05.7.3 0 .2-.15.35-.45.4-.3.05-.7.05-1.25.15-1.15.25-1.5.75-1.5 3.75l-.1 25.1c0 2.5-.1 2.75-.45 2.75s-.85-.35-3.3-2.65c-.2-.1-7.15-7-11.5-11.25-5.2-5.4-10.2-10.6-11.45-11.9l.65 19.55c.1 3.45.4 4.75 1.65 5.05.8.2 1.65.2 2.05.2.4 0 .6.15.6.35 0 .25-.25.35-.8.35-2.7 0-4.5-.15-4.85-.15-.35 0-2.2.15-4.35.15-.45 0-.75-.05-.75-.35 0-.2.2-.35.7-.35.35 0 .9 0 1.55-.2 1.1-.35 1.35-1.7 1.35-5.35zm46.3-6.1v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1v7.5c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1zm46.95 4.15v4.5c0 2-.05 2.05-.6 2.35-2.75 1.4-6.75 1.9-9.2 1.9-3.25 0-9.55-.25-14.65-4.5-2.7-2.25-5.4-6.45-5.4-12.15 0-6.8 3.45-11.65 7.55-14.1 3.85-2.25 8.1-2.55 11.15-2.55 3.2 0 5.35.4 7.15.7.8.15 2.75.4 3.8.45.4 0 .4.2.4.4 0 .6-.35 2.1-.35 6.5 0 .7-.05.9-.4.9-.25 0-.3-.3-.35-.6 0-.45-.2-2-.95-3.1-1.15-1.65-4.75-3.5-10.35-3.5-2.7 0-5.85.1-9.2 2.65-2.55 1.95-4.2 5.75-4.2 10.7 0 5.95 3.25 10.35 4.55 11.6 3.3 3.2 7 4.65 11.35 4.65 1.4 0 3.6-.25 4.75-.85.5-.3.85-.8.85-1.5v-7.2c0-3.3-.25-3.95-2-4.2-.3-.05-.8-.1-1.2-.1-.4 0-.6-.2-.6-.35 0-.25.2-.35.75-.35 2 0 4.9.1 5.1.1.2 0 3.15-.1 4.5-.1.5 0 .7.1.7.35 0 .15-.15.35-.6.35-.35 0-.45 0-.85.05-1.2.15-1.5 1.05-1.6 2.5-.1 1.45-.1 2.7-.1 4.5zm20.6-10.55h18.1c.15 0 .3 0 .3-.25v-.9c0-6.6 0-7.75-.1-9.1-.1-1.35-.3-2.05-1.95-2.35-.35-.05-.85-.1-1.25-.1-.35 0-.6-.15-.6-.35 0-.3.25-.35.7-.35 2.1 0 5.05.15 5.25.15.2 0 3-.15 4.5-.15.5 0 .8.05.8.35 0 .15-.15.35-.55.35-.3 0-.7.05-1 .1-1.35.2-1.55 1-1.65 2.4-.05 1.35-.05 2.5-.05 9.1v7.5c0 4.1 0 7.35.2 9.15.15 1.2.4 2.2 1.7 2.35.65.1 1.3.15 1.75.15.4 0 .65.15.65.35 0 .25-.25.35-.75.35-2.5 0-5.4-.15-5.65-.15-.2 0-3.1.15-4.45.15-.5 0-.75-.1-.75-.4 0-.15.15-.3.55-.3s.75 0 1.15-.1c.85-.15 1.1-1.25 1.25-2.4.25-1.8.25-4.95.25-9v-4.45c0-.2-.15-.3-.3-.3h-18.15c-.15 0-.25.05-.25.3v4.45c0 4.05 0 7.3.25 9.1.15 1.1.4 2.1 1.7 2.25.65.1 1.4.15 1.8.15.35 0 .6.15.6.35 0 .2-.2.35-.65.35-2.55 0-5.5-.15-5.75-.15-.15 0-3.2.15-4.5.15-.5 0-.8-.1-.8-.35 0-.15.1-.35.55-.35.4 0 .8-.05 1.2-.15.9-.2 1.1-1.15 1.25-2.25.3-1.8.25-5.15.25-9.25v-7.4c0-6.6 0-7.9-.1-9.25-.1-1.3-.45-2.25-1.9-2.4-.45-.05-.95-.1-1.35-.1-.35 0-.55-.15-.55-.3 0-.3.25-.35.75-.35 2.15 0 4.55.15 5.2.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.2.3-.5.3s-.45 0-1 .1c-1.25.2-1.55 1.05-1.65 2.45-.05 1.35-.05 2.45-.05 9.05v.9c0 .25.15.25.3.25zm50.65-11.45v17.85c0 3.85.05 7.4.25 9.25.15 1.2.25 1.9 1.5 2.2.6.15 1.55.2 1.95.2.4 0 .6.15.6.3 0 .25-.15.4-.65.4-2.55 0-5.5-.15-5.7-.15-.2 0-3.15.15-4.45.15-.55 0-.75-.1-.75-.35 0-.15.15-.35.55-.35s.7 0 1.1-.05c.95-.15 1.1-.75 1.3-2.45.2-1.8.2-5.4.2-9.15v-17.85c-1.65 0-4.3 0-6.3.05-3.2.05-3.9.55-4.6 1.6-.45.7-.65 1.3-.75 1.55-.15.35-.25.4-.45.4s-.25-.2-.25-.45c-.05-.3.7-3.6 1-4.95.15-.6.3-.8.45-.8.35 0 1.3.45 2.2.55 1.75.2 3.15.25 3.2.25h16.4c1.4 0 2.9-.1 3.6-.25.65-.15.8-.2.95-.2.2 0 .3.25.3.45 0 1.4-.1 4.7-.1 5.1 0 .45-.2.6-.35.6-.25 0-.35-.2-.35-.6 0-.15 0-.2-.05-.7-.2-2-.85-2.5-5.9-2.55-1.9 0-3.45-.05-4.9-.05z" fill="rgb(var(--rgbPrimary))" fill-rule="nonzero"/><path d="M228.5 342.162h75.55" stroke="rgb(var(--rgbPrimary))" stroke-width="2" stroke-linecap="square"/></g></svg>
+<svg width="532" height="344" viewBox="0 0 532 344"><g fill="none" fill-rule="evenodd"><path d="M294.971 81.133c22.724 29.428 35.373 45.546 37.95 48.354 5.486 5.982 8.123 9.267 19.709 16.895 6.486 4.394 14.942 7.61 25.37 9.651V159h-54.38L261 77.977V159C191.123 68.072 153.683 20.04 148.683 14.903c-5-5.136-12.56-8.026-22.683-8.668V0l69.584.14V6c-4.38 0-7.994.587-10.845 1.762-4.275 1.761-4.42 5.768-3.412 7.141 1.4 2.138 23.229 30.34 65.487 84.609v-70.08c0-11.449-6.327-16.432-11.333-20.102-3.337-2.447-9.281-3.557-17.832-3.33V.14H289V6c-5.556-.235-13.818.235-19.896 3.33-4.052 2.063-6.753 6.857-8.103 14.382v13.29a24524.908 24524.908 0 0 0 25.533 33.194c23.526-29.352 36.705-45.71 39.538-49.074 4.481-5.32 2.935-11.023-1.577-13.119-3.007-1.397-7.648-2.178-13.922-2.342V0H373v5.661c-7.55 0-13.964 1.666-18.393 3.891-2.954 1.483-6.835 4.828-11.644 10.035l-47.992 61.546z" fill="currentColor"/><path d="M18.3 254.75L6.05 224.1c-1.1-2.8-1.85-3.35-3.6-3.85-.75-.2-1.6-.2-1.9-.2-.3 0-.4-.15-.4-.35 0-.3.5-.35 1.3-.35 2.4 0 5.1.15 5.7.15.5 0 2.65-.15 4.55-.15.9 0 1.35.1 1.35.35 0 .25-.15.35-.5.35-.55 0-1.45.05-1.9.25-.55.25-.65.65-.65 1 0 .45.45 1.8 1 3.2l10.2 26.55c2.9-6.7 9.6-24.15 10.7-27.75.25-.75.45-1.45.45-1.9 0-.4-.15-.9-.65-1.15-.6-.2-1.35-.2-1.9-.2-.3 0-.55-.05-.55-.3 0-.3.3-.4 1.1-.4 2 0 4.3.15 4.9.15.3 0 2.45-.15 3.9-.15.55 0 .85.1.85.35 0 .25-.2.35-.6.35-.35 0-1.45 0-2.4.6-.65.45-1.4 1.3-2.75 4.7-.55 1.4-3.05 7.4-5.6 13.55-3.05 7.3-5.3 12.7-6.45 15.15-1.4 3-1.6 3.8-2.1 3.8-.6 0-.85-.7-1.8-3.1zM61 257.7c-12.25 0-17.25-9.1-17.25-16.7 0-6.65 5.15-16.6 17.5-16.6 9.9 0 17.45 5.9 17.45 15.95 0 9.55-7.05 17.35-17.7 17.35zm1.25-1.7C65.6 256 74 254.3 74 241.6c0-10.05-6.2-15.65-13.05-15.65-6.95 0-12.55 4.3-12.55 13.75 0 9.8 5.45 16.3 13.85 16.3zm33.6-18.7v7.6c0 5.75.2 8.65 1.05 9.45.8.7 1.8 1 5.25 1 2.2 0 4.2 0 5.3-1.4.5-.75.85-1.75.95-2.5.05-.4.15-.6.4-.6.2 0 .3.15.3.65s-.3 3.35-.6 4.5c-.3 1-.25 1.25-2.65 1.25-3.4 0-7.15-.25-12.15-.25-1.65 0-2.65.15-4.4.15-.5 0-.8-.1-.8-.4 0-.15.15-.3.55-.3s.8 0 1.2-.1c.85-.15 1.15-1.15 1.3-2.35.3-1.9.2-5.35.2-9.2v-7.5c0-6.6 0-7.7-.1-9.05-.1-1.4-.3-2.3-2-2.5-.3-.05-.85-.05-1.25-.05-.35 0-.55-.15-.55-.35 0-.25.25-.35.75-.35 2.1 0 5.1.15 5.2.15.7 0 3.75-.15 5.15-.15.5 0 .65.15.65.35 0 .2-.25.35-.55.35-.35 0-.85.05-1.35.1-1.4.2-1.7 1-1.8 2.45-.1 1.35-.05 2.45-.05 9.05zm29.2 0v2.35c2.3-2.05 7.75-7.25 10-9.7 2.4-2.65 2.6-2.9 2.6-3.45 0-.35-.2-.6-.8-.8-.35-.1-.55-.2-.55-.4 0-.15.1-.3.5-.3.3 0 1.8.15 3.4.15 1.5 0 4.25-.15 4.9-.15.7 0 .8.1.8.3 0 .2-.15.35-.55.4-.8.05-1.85.25-2.45.5-1.2.4-1.85.95-4.45 3.3-3.65 3.3-8 7.55-10.2 9.55 2.7 2.8 10.8 10.8 12.9 12.7 3.5 3.2 5.2 4.1 7.2 4.55.55.1.3.05 1.15.15.45.05.7.15.7.4 0 .2-.25.3-.8.3h-3.25c-3.9 0-4.9-.45-6.9-1.85-2.25-1.6-10.25-9.8-14.2-14.45v3.95c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1zm33.3 7.5v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1v7.5c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1zm27-6.4h18.1c.15 0 .3 0 .3-.25v-.9c0-6.6 0-7.75-.1-9.1-.1-1.35-.3-2.05-1.95-2.35-.35-.05-.85-.1-1.25-.1-.35 0-.6-.15-.6-.35 0-.3.25-.35.7-.35 2.1 0 5.05.15 5.25.15.2 0 3-.15 4.5-.15.5 0 .8.05.8.35 0 .15-.15.35-.55.35-.3 0-.7.05-1 .1-1.35.2-1.55 1-1.65 2.4-.05 1.35-.05 2.5-.05 9.1v7.5c0 4.1 0 7.35.2 9.15.15 1.2.4 2.2 1.7 2.35.65.1 1.3.15 1.75.15.4 0 .65.15.65.35 0 .25-.25.35-.75.35-2.5 0-5.4-.15-5.65-.15-.2 0-3.1.15-4.45.15-.5 0-.75-.1-.75-.4 0-.15.15-.3.55-.3s.75 0 1.15-.1c.85-.15 1.1-1.25 1.25-2.4.25-1.8.25-4.95.25-9v-4.45c0-.2-.15-.3-.3-.3H185.3c-.15 0-.25.05-.25.3v4.45c0 4.05 0 7.3.25 9.1.15 1.1.4 2.1 1.7 2.25.65.1 1.4.15 1.8.15.35 0 .6.15.6.35 0 .2-.2.35-.65.35-2.55 0-5.5-.15-5.75-.15-.15 0-3.2.15-4.5.15-.5 0-.8-.1-.8-.35 0-.15.1-.35.55-.35.4 0 .8-.05 1.2-.15.9-.2 1.1-1.15 1.25-2.25.3-1.8.25-5.15.25-9.25v-7.4c0-6.6 0-7.9-.1-9.25-.1-1.3-.45-2.25-1.9-2.4-.45-.05-.95-.1-1.35-.1-.35 0-.55-.15-.55-.3 0-.3.25-.35.75-.35 2.15 0 4.55.15 5.2.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.2.3-.5.3s-.45 0-1 .1c-1.25.2-1.55 1.05-1.65 2.45-.05 1.35-.05 2.45-.05 9.05v.9c0 .25.15.25.3.25zm52.2 6.55h-9.1c-.25 0-.4.15-.5.4l-2.2 6.25c-.5 1.4-.85 2.75-.85 3.55 0 .9.55 1.3 1.65 1.3h.35c.45 0 .6.15.6.35 0 .25-.4.35-.75.35-1.1 0-3.4-.15-3.95-.15-.5 0-2.7.15-4.8.15-.55 0-.8-.1-.8-.35 0-.2.2-.35.6-.35.25 0 .7 0 1-.05 2.15-.2 3-1.85 3.85-3.95l10-26.35c.55-1.45.7-1.7 1.05-1.7.25 0 .45.2 1 1.6.7 1.65 7.5 19.1 10.15 25.35 1.65 3.95 3.1 4.6 3.8 4.85.65.25 1.35.25 1.7.25.35 0 .6.1.6.35 0 .25-.2.35-.75.35-.5 0-4.25 0-7.6-.1-.95-.05-1.25-.1-1.25-.35 0-.15.15-.3.35-.35.2-.1.5-.35.2-1.1l-3.95-10.05c-.1-.15-.2-.25-.4-.25zm-8.6-1.75h8c.2 0 .2-.15.15-.3l-3.95-11.05c-.25-.7-.3-.7-.55 0l-3.75 11.05c-.1.2 0 .3.1.3zm31.15 1.6v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.45-2.1-2-2.4-.3-.05-.8-.1-1.2-.1-.35 0-.55-.1-.55-.3 0-.2.15-.35.6-.35 2.15 0 5.2.15 5.3.15.45 0 3.85-.15 5.25-.15 2.8 0 5.85.25 8.2 1.9.95.7 3 2.7 3 6.1 0 2.75-1.35 6.25-5.3 9.45 3.65 4.5 6.65 8.2 9.2 10.85 2.4 2.45 3.9 2.85 5.3 3.05.35.05 1.4.1 1.55.1.4 0 .55.15.55.35 0 .25-.2.35-.9.35h-3.5c-2.35 0-3.45-.15-4.55-.6-2.1-.9-3.6-3.15-6.2-6.5-1.95-2.4-3.95-5.1-4.8-6.15-.2-.2-.3-.3-.6-.3l-5.15-.05c-.2 0-.25.05-.25.25v.7c0 4 0 7.65.25 9.45.15 1.2.3 2.2 1.95 2.4.5.05 1.05.1 1.45.1.45 0 .65.15.65.3 0 .25-.2.4-.7.4-2.6 0-5.4-.15-5.6-.15-.8 0-3 .15-4.35.15-.5 0-.7-.1-.7-.4 0-.15.3-.3.6-.3.35 0 .7 0 1.1-.1.85-.15 1.15-.7 1.3-1.9.25-1.8.2-5.9.2-9.65zm3.85-17.55v13.6c0 .25.05.5.25.6.65.35 2.65.65 4.45.65 1.05 0 2.3-.05 3.35-.75 1.5-.95 2.5-3.15 2.5-6.35 0-5.45-2.9-8.45-7.35-8.45-1.25 0-2.3.1-2.9.25-.15.05-.3.2-.3.45zm56.85 6.6v3.2c1.55-1.5 8.35-8.65 11.4-11.8 3-3.1 3.2-3.6 3.2-4.2 0-.4-.25-.8-.65-.95-.35-.15-.45-.25-.45-.45s.3-.3.75-.3c1.45 0 1.3.15 3 .15 1.55 0 4.5-.15 5.3-.15.7 0 .85.15.85.35 0 .2-.1.3-.55.35-.95.1-1.85.3-2.55.6-1.25.5-2.2 1.1-5.2 4-4.4 4.25-10.1 9.9-11.4 11.35 3.15 3.45 12.25 12.7 14.6 14.9 4.1 3.85 5.85 4.95 8.25 5.4.45.1.95.15 1.45.15.4 0 .7.1.7.35 0 .25-.2.35-.75.35h-3.7c-4.35 0-5.5-.55-7.85-2.4-3-2.35-12-12-16.4-17.25v5.15c0 4.8 0 8.75.25 10.85.15 1.45.45 2.55 1.95 2.75.7.1 1.7.2 2 .2.45 0 .6.2.6.35 0 .25-.2.35-.75.35-2.75 0-5.9-.15-6.15-.15s-3.2.15-4.7.15c-.55 0-.8-.05-.8-.35 0-.15.1-.35.55-.35.3 0 .85-.05 1.3-.15 1-.2 1.3-1.35 1.5-2.8.25-2.1.25-6.05.25-10.85v-8.8c0-7.8 0-9.2-.1-10.8-.1-1.7-.6-2.55-1.7-2.8-.55-.15-1.45-.2-1.8-.2-.4 0-.55-.1-.55-.3 0-.3.25-.4.8-.4 1.65 0 5 .15 5.25.15s3.4-.15 4.9-.15c.55 0 .8.1.8.35 0 .2-.1.3-.55.35-.55.05-.6.05-1.1.1-1.35.15-1.75 1.15-1.85 2.9-.1 1.6-.1 3-.1 10.8zm34.15 17.05c0-23.85.05-16.15 0-24.45 0-1.55.15-2.05.55-2.05.35 0 1.2 1 1.55 1.35.45.5 7.4 7.6 14.4 14.75 3.9 3.8 8.9 8.95 10.2 10.15l-.55-20.8c-.05-2.7-.35-3.6-1.7-3.95-.85-.15-1.6-.2-1.95-.2-.5 0-.6-.2-.6-.4 0-.25.4-.3.9-.3 2.15 0 4.25.15 4.7.15.5 0 2.05-.15 4-.15.55 0 .7.05.7.3 0 .2-.15.35-.45.4-.3.05-.7.05-1.25.15-1.15.25-1.5.75-1.5 3.75l-.1 25.1c0 2.5-.1 2.75-.45 2.75s-.85-.35-3.3-2.65c-.2-.1-7.15-7-11.5-11.25-5.2-5.4-10.2-10.6-11.45-11.9l.65 19.55c.1 3.45.4 4.75 1.65 5.05.8.2 1.65.2 2.05.2.4 0 .6.15.6.35 0 .25-.25.35-.8.35-2.7 0-4.5-.15-4.85-.15-.35 0-2.2.15-4.35.15-.45 0-.75-.05-.75-.35 0-.2.2-.35.7-.35.35 0 .9 0 1.55-.2 1.1-.35 1.35-1.7 1.35-5.35zm46.3-6.1v-7.5c0-6.6 0-7.8-.1-9.15-.1-1.35-.4-2.1-1.45-2.3-.5-.1-.85-.1-1.15-.15-.35-.05-.55-.15-.55-.35 0-.25.2-.35.75-.35 1.55 0 4.4.15 4.55.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.15.3-.55.35-.3.05-.55.05-.9.1-1.45.2-1.6.95-1.7 2.4-.1 1.35-.05 2.5-.05 9.1v7.5c0 3.85-.05 7.35.2 9.15.2 1.45.4 2 1.7 2.3.65.15 1.7.2 1.9.2.45.05.55.15.55.35 0 .2-.2.35-.7.35-2.55 0-5.45-.15-5.7-.15-.15 0-3.1.15-4.5.15-.45 0-.8-.1-.8-.35 0-.2.2-.35.65-.35.25 0 .8-.05 1.2-.15.85-.2 1-1.2 1.15-2.4.25-1.8.25-5.35.25-9.1zm46.95 4.15v4.5c0 2-.05 2.05-.6 2.35-2.75 1.4-6.75 1.9-9.2 1.9-3.25 0-9.55-.25-14.65-4.5-2.7-2.25-5.4-6.45-5.4-12.15 0-6.8 3.45-11.65 7.55-14.1 3.85-2.25 8.1-2.55 11.15-2.55 3.2 0 5.35.4 7.15.7.8.15 2.75.4 3.8.45.4 0 .4.2.4.4 0 .6-.35 2.1-.35 6.5 0 .7-.05.9-.4.9-.25 0-.3-.3-.35-.6 0-.45-.2-2-.95-3.1-1.15-1.65-4.75-3.5-10.35-3.5-2.7 0-5.85.1-9.2 2.65-2.55 1.95-4.2 5.75-4.2 10.7 0 5.95 3.25 10.35 4.55 11.6 3.3 3.2 7 4.65 11.35 4.65 1.4 0 3.6-.25 4.75-.85.5-.3.85-.8.85-1.5v-7.2c0-3.3-.25-3.95-2-4.2-.3-.05-.8-.1-1.2-.1-.4 0-.6-.2-.6-.35 0-.25.2-.35.75-.35 2 0 4.9.1 5.1.1.2 0 3.15-.1 4.5-.1.5 0 .7.1.7.35 0 .15-.15.35-.6.35-.35 0-.45 0-.85.05-1.2.15-1.5 1.05-1.6 2.5-.1 1.45-.1 2.7-.1 4.5zm20.6-10.55h18.1c.15 0 .3 0 .3-.25v-.9c0-6.6 0-7.75-.1-9.1-.1-1.35-.3-2.05-1.95-2.35-.35-.05-.85-.1-1.25-.1-.35 0-.6-.15-.6-.35 0-.3.25-.35.7-.35 2.1 0 5.05.15 5.25.15.2 0 3-.15 4.5-.15.5 0 .8.05.8.35 0 .15-.15.35-.55.35-.3 0-.7.05-1 .1-1.35.2-1.55 1-1.65 2.4-.05 1.35-.05 2.5-.05 9.1v7.5c0 4.1 0 7.35.2 9.15.15 1.2.4 2.2 1.7 2.35.65.1 1.3.15 1.75.15.4 0 .65.15.65.35 0 .25-.25.35-.75.35-2.5 0-5.4-.15-5.65-.15-.2 0-3.1.15-4.45.15-.5 0-.75-.1-.75-.4 0-.15.15-.3.55-.3s.75 0 1.15-.1c.85-.15 1.1-1.25 1.25-2.4.25-1.8.25-4.95.25-9v-4.45c0-.2-.15-.3-.3-.3h-18.15c-.15 0-.25.05-.25.3v4.45c0 4.05 0 7.3.25 9.1.15 1.1.4 2.1 1.7 2.25.65.1 1.4.15 1.8.15.35 0 .6.15.6.35 0 .2-.2.35-.65.35-2.55 0-5.5-.15-5.75-.15-.15 0-3.2.15-4.5.15-.5 0-.8-.1-.8-.35 0-.15.1-.35.55-.35.4 0 .8-.05 1.2-.15.9-.2 1.1-1.15 1.25-2.25.3-1.8.25-5.15.25-9.25v-7.4c0-6.6 0-7.9-.1-9.25-.1-1.3-.45-2.25-1.9-2.4-.45-.05-.95-.1-1.35-.1-.35 0-.55-.15-.55-.3 0-.3.25-.35.75-.35 2.15 0 4.55.15 5.2.15.2 0 3.1-.15 4.5-.15.5 0 .75.1.75.35 0 .2-.2.3-.5.3s-.45 0-1 .1c-1.25.2-1.55 1.05-1.65 2.45-.05 1.35-.05 2.45-.05 9.05v.9c0 .25.15.25.3.25zm50.65-11.45v17.85c0 3.85.05 7.4.25 9.25.15 1.2.25 1.9 1.5 2.2.6.15 1.55.2 1.95.2.4 0 .6.15.6.3 0 .25-.15.4-.65.4-2.55 0-5.5-.15-5.7-.15-.2 0-3.15.15-4.45.15-.55 0-.75-.1-.75-.35 0-.15.15-.35.55-.35s.7 0 1.1-.05c.95-.15 1.1-.75 1.3-2.45.2-1.8.2-5.4.2-9.15v-17.85c-1.65 0-4.3 0-6.3.05-3.2.05-3.9.55-4.6 1.6-.45.7-.65 1.3-.75 1.55-.15.35-.25.4-.45.4s-.25-.2-.25-.45c-.05-.3.7-3.6 1-4.95.15-.6.3-.8.45-.8.35 0 1.3.45 2.2.55 1.75.2 3.15.25 3.2.25h16.4c1.4 0 2.9-.1 3.6-.25.65-.15.8-.2.95-.2.2 0 .3.25.3.45 0 1.4-.1 4.7-.1 5.1 0 .45-.2.6-.35.6-.25 0-.35-.2-.35-.6 0-.15 0-.2-.05-.7-.2-2-.85-2.5-5.9-2.55-1.9 0-3.45-.05-4.9-.05z" fill="rgb(var(--rgbPrimary))" fill-rule="nonzero"/><path d="M228.5 342.162h75.55" stroke="rgb(var(--rgbPrimary))" stroke-width="2" stroke-linecap="square"/></g></svg>
diff --git a/src/components/Button/Button.js b/src/components/Button/Button.js
index a8e43190..f76cd57e 100644
--- a/src/components/Button/Button.js
+++ b/src/components/Button/Button.js
@@ -1,12 +1,27 @@
-import './Button.css';
-
 import { Icon } from 'components/Icon';
 import { Loader } from 'components/Loader';
+import RouterLink from 'next/link';
 import { forwardRef } from 'react';
-import { Link } from 'react-router-dom';
 import { classes } from 'utils/style';
+import styles from './Button.module.css';
+
+function isExternalLink(href) {
+  return href?.includes('://');
+}
+
+export const Button = forwardRef(({ href, ...rest }, ref) => {
+  if (isExternalLink(href) || !href) {
+    return <ButtonContent href={href} ref={ref} {...rest} />;
+  }
+
+  return (
+    <RouterLink passHref href={href} scroll={false}>
+      <ButtonContent href={href} ref={ref} {...rest} />
+    </RouterLink>
+  );
+});
 
-export const Button = forwardRef(
+const ButtonContent = forwardRef(
   (
     {
       className,
@@ -26,43 +41,40 @@ export const Button = forwardRef(
     },
     ref
   ) => {
-    const isExternalLink = href?.includes('://');
-    const useLinkTag = isExternalLink || href?.[0] === '#';
-    const linkComponent = useLinkTag ? 'a' : Link;
-    const defaultComponent = href ? linkComponent : 'button';
+    const isExternal = isExternalLink(href);
+    const defaultComponent = href ? 'a' : 'button';
     const Component = as || defaultComponent;
 
     return (
       <Component
-        className={classes('button', className)}
+        className={classes(styles.button, className)}
         data-loading={loading}
         data-icon-only={iconOnly}
         data-secondary={secondary}
-        href={href && isExternalLink ? href : undefined}
-        to={href && !isExternalLink ? href : undefined}
-        rel={rel || isExternalLink ? 'noopener noreferrer' : undefined}
-        target={target || isExternalLink ? '_blank' : undefined}
+        href={href}
+        rel={rel || isExternal ? 'noopener noreferrer' : undefined}
+        target={target || isExternal ? '_blank' : undefined}
         ref={ref}
         {...rest}
       >
         {!!icon && (
           <Icon
-            className="button__icon"
+            className={styles.icon}
             data-start={!iconOnly}
             data-shift={iconHoverShift}
             icon={icon}
           />
         )}
-        {!!children && <span className="button__text">{children}</span>}
+        {!!children && <span className={styles.text}>{children}</span>}
         {!!iconEnd && (
           <Icon
-            className="button__icon"
+            className={styles.icon}
             data-end={!iconOnly}
             data-shift={iconHoverShift}
             icon={iconEnd}
           />
         )}
-        {loading && <Loader className="button__loader" size={32} text={loadingText} />}
+        {loading && <Loader className={styles.loader} size={32} text={loadingText} />}
       </Component>
     );
   }
diff --git a/src/components/Button/Button.css b/src/components/Button/Button.module.css
similarity index 93%
rename from src/components/Button/Button.css
rename to src/components/Button/Button.module.css
index b3ef7b4f..1ea9cfc7 100644
--- a/src/components/Button/Button.css
+++ b/src/components/Button/Button.module.css
@@ -114,7 +114,7 @@
   }
 }
 
-.button__text {
+.text {
   font-size: var(--buttonFontSize);
   font-weight: var(--fontWeightMedium);
   visibility: var(--buttonTextVisibility);
@@ -126,14 +126,14 @@
   justify-content: center;
 }
 
-.button__loader {
+.loader {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   color: rgb(var(--rgbBackground));
 }
 
-.button__icon {
+.icon {
   transition-property: opacity, fill;
   transition-duration: var(--durationS);
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -151,14 +151,14 @@
   &[data-end='true'] {
     margin-left: var(--spaceS);
   }
-}
 
-@media (--mediaUseMotion) {
-  .button:hover .button__icon[data-shift='true'] {
-    transform: translate3d(var(--spaceXS), 0, 0);
+  @media (--mediaUseMotion) {
+    @nest .button:hover &[data-shift='true'] {
+      transform: translate3d(var(--spaceXS), 0, 0);
+    }
   }
-}
 
-.button[data-loading='true'] .button__icon {
-  opacity: 0;
+  @nest .button[data-loading='true'] & {
+    opacity: 0;
+  }
 }
diff --git a/src/components/Carousel/Carousel.js b/src/components/Carousel/Carousel.js
index 9daef3b5..a2b6a8eb 100644
--- a/src/components/Carousel/Carousel.js
+++ b/src/components/Carousel/Carousel.js
@@ -1,7 +1,5 @@
-import './Carousel.css';
-
-import { ReactComponent as ArrowLeft } from 'assets/arrow-left.svg';
-import { ReactComponent as ArrowRight } from 'assets/arrow-right.svg';
+import ArrowLeft from 'assets/arrow-left.svg';
+import ArrowRight from 'assets/arrow-right.svg';
 import { useInViewport, usePrefersReducedMotion } from 'hooks';
 import { listen, pointer, spring, value } from 'popmotion';
 import { useCallback, useEffect, useRef, useState } from 'react';
@@ -18,8 +16,9 @@ import {
   sRGBEncoding,
 } from 'three';
 import { getImageFromSrcSet } from 'utils/image';
-import { prerender } from 'utils/prerender';
+import { cssProps } from 'utils/style';
 import { cleanRenderer, cleanScene } from 'utils/three';
+import styles from './Carousel.module.css';
 import { fragment, vertex } from './carouselShader';
 
 function determineIndex(imageIndex, index, images, direction) {
@@ -359,33 +358,34 @@ export const Carousel = ({ width, height, images, placeholder, ...rest }) => {
 
     const selectedAction = actions[event.key];
 
-    if (!!selectedAction) {
+    if (selectedAction) {
       selectedAction();
     }
   };
 
   return (
-    <div className="carousel" onKeyDown={handleKeyDown} {...rest}>
-      <div className="carousel__content">
+    <div className={styles.carousel} onKeyDown={handleKeyDown} {...rest}>
+      <div className={styles.content}>
         <div
-          className="carousel__image-wrapper"
+          className={styles.imageWrapper}
           data-dragging={dragging}
           ref={swipeElement}
+          style={cssProps({ aspectRatio: `${width} / ${height}` })}
         >
           <div
             aria-atomic
-            className="carousel__canvas-wrapper"
+            className={styles.canvasWrapper}
             aria-live="polite"
             aria-label={currentImageAlt}
             role="img"
           >
-            <canvas aria-hidden className="carousel__canvas" ref={canvas} />
+            <canvas aria-hidden className={styles.canvas} ref={canvas} />
           </div>
           {showPlaceholder && placeholder && (
             <img
               aria-hidden
-              className="carousel__placeholder"
-              data-loaded={!prerender && loaded && !!textures}
+              className={styles.placeholder}
+              data-loaded={loaded && !!textures}
               src={placeholder}
               ref={placeholderRef}
               alt=""
@@ -394,7 +394,7 @@ export const Carousel = ({ width, height, images, placeholder, ...rest }) => {
           )}
         </div>
         <button
-          className="carousel__button"
+          className={styles.button}
           data-prev={true}
           aria-label="Previous slide"
           onClick={() => navigate({ direction: -1 })}
@@ -402,7 +402,7 @@ export const Carousel = ({ width, height, images, placeholder, ...rest }) => {
           <ArrowLeft />
         </button>
         <button
-          className="carousel__button"
+          className={styles.button}
           data-next={true}
           aria-label="Next slide"
           onClick={() => navigate({ direction: 1 })}
@@ -410,10 +410,10 @@ export const Carousel = ({ width, height, images, placeholder, ...rest }) => {
           <ArrowRight />
         </button>
       </div>
-      <div className="carousel__nav">
+      <div className={styles.nav}>
         {images.map((image, index) => (
           <button
-            className="carousel__nav-button"
+            className={styles.navButton}
             key={image.alt}
             onClick={() => onNavClick(index)}
             aria-label={`Jump to slide ${index + 1}`}
diff --git a/src/components/Carousel/Carousel.css b/src/components/Carousel/Carousel.module.css
similarity index 91%
rename from src/components/Carousel/Carousel.css
rename to src/components/Carousel/Carousel.module.css
index b420b789..90fe228d 100644
--- a/src/components/Carousel/Carousel.css
+++ b/src/components/Carousel/Carousel.module.css
@@ -2,13 +2,13 @@
   position: relative;
 }
 
-.carousel__content {
+.content {
   position: relative;
   display: grid;
   align-items: center;
 }
 
-.carousel__image-wrapper {
+.imageWrapper {
   position: relative;
   display: grid;
   grid-template-columns: 100%;
@@ -19,19 +19,20 @@
   }
 }
 
-.carousel__canvas-wrapper {
+.canvasWrapper {
   position: relative;
   grid-column: 1;
   grid-row: 1;
   user-select: none;
+  aspect-ratio: var(--aspectRatio);
 }
 
-.carousel__canvas {
+.canvas {
   position: relative;
   display: block;
 }
 
-.carousel__placeholder {
+.placeholder {
   grid-column: 1;
   grid-row: 1;
   width: 100%;
@@ -46,7 +47,7 @@
   }
 }
 
-.carousel__button {
+.button {
   border: 0;
   margin: 0;
   background: none;
@@ -105,14 +106,14 @@
   }
 }
 
-.carousel__nav {
+.nav {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: var(--spaceS);
 }
 
-.carousel__nav-button {
+.navButton {
   --navButtonSize: 10px;
   --buttonColor: rgb(var(--rgbText) / 0.2);
 
@@ -121,7 +122,6 @@
   margin: 0;
   padding: var(--spaceM);
   cursor: pointer;
-  outline: none;
 
   &[aria-pressed='true'] {
     --buttonColor: var(--colorTextBody);
diff --git a/src/components/Code/Code.css b/src/components/Code/Code.css
deleted file mode 100644
index 955154cb..00000000
--- a/src/components/Code/Code.css
+++ /dev/null
@@ -1,153 +0,0 @@
-.code {
-  padding: var(--spaceXL);
-  margin: var(--space3XL) calc(var(--spaceL) * -1);
-  background: var(--background);
-  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
-  color: var(--colorTextBody);
-  overflow-x: auto;
-
-  @media (--mediaMobile) {
-    & {
-      padding: var(--spaceL);
-      margin: var(--space2XL) calc(var(--spaceXL) * -1);
-    }
-  }
-}
-
-/* Netrunner theme by Hamish Williams */
-.code--dark {
-  --char: #d8dee9;
-  --comment: #b2b2b2;
-  --keyword: #c592ff;
-  --primitive: rgba(0 229 255 / 1);
-  --string: #00ff9c;
-  --variable: #d7deea;
-  --boolean: #ff8b50;
-  --punctuation: #88c6be;
-  --tag: #ff4081;
-  --function: rgba(0 229 255 / 1);
-  --className: #fcee0a;
-  --method: rgba(0 229 255 / 1);
-  --operator: #ff4081;
-  --background: rgb(29 29 35);
-}
-
-/* Legible light theme by Hamish Williams */
-.code--light {
-  --char: rgba(0 0 0 / 0.8);
-  --comment: rgba(0 0 0 / 0.6);
-  --keyword: #803cce;
-  --primitive: rgba(0 0 0 / 0.8);
-  --string: #1b8058;
-  --variable: rgba(0 0 0 / 0.8);
-  --boolean: #c1480a;
-  --punctuation: rgba(0 0 0 / 0.4);
-  --tag: #a8093f;
-  --function: rgb(4 98 108);
-  --className: #00378c;
-  --method: rgb(4 98 108);
-  --operator: #a8093f;
-  --background: rgb(228 228 228);
-}
-
-.code__content {
-  margin: 0;
-
-  & code,
-  & pre,
-  & pre.prism-code {
-    height: auto;
-    font-size: var(--fontSizeBodyS);
-    line-height: var(--lineHeightBody);
-    white-space: pre;
-    font-family: var(--monoFontStack);
-  }
-
-  & .token.attr-name {
-    color: var(--keyword);
-  }
-
-  & .token.comment,
-  & .token.block-comment,
-  & .token.prolog,
-  & .token.doctype,
-  & .token.cdata {
-    color: var(--comment);
-  }
-
-  & .token.property,
-  & .token.number,
-  & .token.function-name,
-  & .token.constant,
-  & .token.symbol,
-  & .token.deleted {
-    color: var(--primitive);
-  }
-
-  & .token.boolean {
-    color: var(--boolean);
-  }
-
-  & .token.tag {
-    color: var(--tag);
-  }
-
-  & .token.string {
-    color: var(--string);
-  }
-
-  & .token.punctuation {
-    color: var(--punctuation);
-  }
-
-  & .token.selector,
-  & .token.char,
-  & .token.builtin,
-  & .token.inserted {
-    color: var(--char);
-  }
-
-  & .token.function {
-    color: var(--function);
-  }
-
-  & .token.operator,
-  & .token.entity,
-  & .token.url,
-  & .token.variable {
-    color: var(--variable);
-  }
-
-  & .token.attr-value {
-    color: var(--string);
-  }
-
-  & .token.keyword {
-    color: var(--keyword);
-  }
-
-  & .token.atrule,
-  & .token.class-name {
-    color: var(--className);
-  }
-
-  & .token.important {
-    font-weight: var(--fontWeightRegular);
-  }
-
-  & .token.bold {
-    font-weight: var(--fontWeightBold);
-  }
-
-  & .token.italic {
-    font-style: italic;
-  }
-
-  & .token.entity {
-    cursor: help;
-  }
-
-  & .namespace {
-    opacity: 0.7;
-  }
-}
diff --git a/src/components/Code/Code.js b/src/components/Code/Code.js
index a79c9817..de4dc928 100644
--- a/src/components/Code/Code.js
+++ b/src/components/Code/Code.js
@@ -1,13 +1,12 @@
-import './Code.css';
-
 import { useTheme } from 'components/ThemeProvider';
+import styles from './Code.module.css';
 
 export const Code = props => {
   const theme = useTheme();
 
   return (
-    <pre className={`code code--${theme.themeId}`}>
-      <pre className="code__content" {...props} />
+    <pre className={styles.code} data-theme={theme.themeId}>
+      <pre {...props} />
     </pre>
   );
 };
diff --git a/src/components/Code/Code.module.css b/src/components/Code/Code.module.css
new file mode 100644
index 00000000..adc805c4
--- /dev/null
+++ b/src/components/Code/Code.module.css
@@ -0,0 +1,149 @@
+.code {
+  padding: var(--spaceXL);
+  margin: var(--space3XL) calc(var(--spaceL) * -1);
+  background: var(--background);
+  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
+  color: var(--colorTextBody);
+  overflow-x: auto;
+
+  @media (--mediaMobile) {
+    & {
+      padding: var(--spaceL);
+      margin: var(--space2XL) calc(var(--spaceXL) * -1);
+    }
+  }
+
+  /* Netrunner theme by Hamish Williams */
+  &[data-theme='dark'] {
+    --char: #d8dee9;
+    --comment: #b2b2b2;
+    --keyword: #c592ff;
+    --primitive: rgba(0 229 255 / 1);
+    --string: #00ff9c;
+    --variable: #d7deea;
+    --boolean: #ff8b50;
+    --punctuation: #88c6be;
+    --tag: #ff4081;
+    --function: rgba(0 229 255 / 1);
+    --className: #fcee0a;
+    --method: rgba(0 229 255 / 1);
+    --operator: #ff4081;
+    --background: rgb(29 29 35);
+  }
+
+  /* Legible light theme by Hamish Williams */
+  &[data-theme='light'] {
+    --char: rgba(0 0 0 / 0.8);
+    --comment: rgba(0 0 0 / 0.6);
+    --keyword: #803cce;
+    --primitive: rgba(0 0 0 / 0.8);
+    --string: #1b8058;
+    --variable: rgba(0 0 0 / 0.8);
+    --boolean: #c1480a;
+    --punctuation: rgba(0 0 0 / 0.4);
+    --tag: #a8093f;
+    --function: rgb(4 98 108);
+    --className: #00378c;
+    --method: rgb(4 98 108);
+    --operator: #a8093f;
+    --background: rgb(228 228 228);
+  }
+
+  /* stylelint-disable selector-class-pattern */
+  & :global(code),
+  & :global(pre) {
+    height: auto;
+    font-size: var(--fontSizeBodyS);
+    line-height: var(--lineHeightBody);
+    white-space: pre;
+    font-family: var(--monoFontStack);
+  }
+
+  & :global(.namespace) {
+    opacity: 0.7;
+  }
+
+  & :global(.token.attr-name) {
+    color: var(--keyword);
+  }
+
+  & :global(.token.comment),
+  & :global(.token.block-comment),
+  & :global(.token.prolog),
+  & :global(.token.doctype),
+  & :global(.token.cdata) {
+    color: var(--comment);
+  }
+
+  & :global(.token.property),
+  & :global(.token.number),
+  & :global(.token.function-name),
+  & :global(.token.constant),
+  & :global(.token.symbol),
+  & :global(.token.deleted) {
+    color: var(--primitive);
+  }
+
+  & :global(.token.boolean) {
+    color: var(--boolean);
+  }
+
+  & :global(.token.tag) {
+    color: var(--tag);
+  }
+
+  & :global(.token.string) {
+    color: var(--string);
+  }
+
+  & :global(.token.punctuation) {
+    color: var(--punctuation);
+  }
+
+  & :global(.token.selector),
+  & :global(.token.char),
+  & :global(.token.builtin),
+  & :global(.token.inserted) {
+    color: var(--char);
+  }
+
+  & :global(.token.function) {
+    color: var(--function);
+  }
+
+  & :global(.token.operator),
+  & :global(.token.entity),
+  & :global(.token.url),
+  & :global(.token.variable) {
+    color: var(--variable);
+  }
+
+  & :global(.token.attr-value) {
+    color: var(--string);
+  }
+
+  & :global(.token.keyword) {
+    color: var(--keyword);
+  }
+
+  & :global(.token.atrule),
+  & :global(.token.class-name) {
+    color: var(--className);
+  }
+
+  & :global(.token.important) {
+    font-weight: var(--fontWeightRegular);
+  }
+
+  & :global(.token.bold) {
+    font-weight: var(--fontWeightBold);
+  }
+
+  & :global(.token.italic) {
+    font-style: italic;
+  }
+
+  & :global(.token.entity) {
+    cursor: help;
+  }
+}
diff --git a/src/components/DecoderText/DecoderText.js b/src/components/DecoderText/DecoderText.js
index 5ec4cc9e..020093d7 100644
--- a/src/components/DecoderText/DecoderText.js
+++ b/src/components/DecoderText/DecoderText.js
@@ -1,11 +1,9 @@
-import './DecoderText.css';
-
 import { VisuallyHidden } from 'components/VisuallyHidden';
 import { usePrefersReducedMotion } from 'hooks';
 import { chain, delay, spring, value } from 'popmotion';
 import { memo, useEffect, useRef } from 'react';
-import { prerender } from 'utils/prerender';
 import { classes } from 'utils/style';
+import styles from './DecoderText.module.css';
 
 // prettier-ignore
 const glyphs = [
@@ -59,7 +57,7 @@ export const DecoderText = memo(
 
       const renderOutput = () => {
         const characterMap = output.current.map(item => {
-          return `<span class="decoder-text__${item.type}">${item.value}</span>`;
+          return `<span class="${styles[item.type]}">${item.value}</span>`;
         });
 
         containerInstance.innerHTML = characterMap.join('');
@@ -70,7 +68,7 @@ export const DecoderText = memo(
         renderOutput();
       });
 
-      if (start && !animation && !reduceMotion && !prerender) {
+      if (start && !animation && !reduceMotion) {
         animation = chain(
           delay(startDelay),
           spring({
@@ -98,9 +96,9 @@ export const DecoderText = memo(
     }, [reduceMotion, start, startDelay, text]);
 
     return (
-      <span className={classes('decoder-text', className)} {...rest}>
-        <VisuallyHidden className="decoder-text__label">{text}</VisuallyHidden>
-        <span aria-hidden className="decoder-text__content" ref={container} />
+      <span className={classes(styles.text, className)} {...rest}>
+        <VisuallyHidden className={styles.label}>{text}</VisuallyHidden>
+        <span aria-hidden className={styles.content} ref={container} />
       </span>
     );
   }
diff --git a/src/components/DecoderText/DecoderText.css b/src/components/DecoderText/DecoderText.module.css
similarity index 80%
rename from src/components/DecoderText/DecoderText.css
rename to src/components/DecoderText/DecoderText.module.css
index 46a20466..da68cec9 100644
--- a/src/components/DecoderText/DecoderText.css
+++ b/src/components/DecoderText/DecoderText.module.css
@@ -1,13 +1,17 @@
-.decoder-text {
+.text {
   &::after {
     content: '_';
     visibility: hidden;
   }
 }
 
-.decoder-text__glyph {
+.glyph {
   opacity: 0.8;
   font-weight: var(--fontWeightRegular);
   font-family: var(--japaneseFontStack);
   line-height: 0;
 }
+
+.value {
+  opacity: 1;
+}
diff --git a/src/components/Divider/Divider.js b/src/components/Divider/Divider.js
index e23f11e0..144dc8cc 100644
--- a/src/components/Divider/Divider.js
+++ b/src/components/Divider/Divider.js
@@ -1,6 +1,5 @@
-import './Divider.css';
-
 import { classes, cssProps, numToMs } from 'utils/style';
+import styles from './Divider.module.css';
 
 export const Divider = ({
   lineWidth,
@@ -14,7 +13,7 @@ export const Divider = ({
   ...rest
 }) => (
   <div
-    className={classes('divider', className)}
+    className={classes(styles.divider, className)}
     style={cssProps(
       {
         lineWidth: lineWidth,
@@ -27,9 +26,9 @@ export const Divider = ({
     )}
     {...rest}
   >
-    <div className="divider__line" data-collapsed={collapsed} />
+    <div className={styles.line} data-collapsed={collapsed} />
     <div
-      className="divider__notch"
+      className={styles.notch}
       data-collapsed={collapsed}
       style={cssProps({ collapseDelay: numToMs(collapseDelay + 160) })}
     />
diff --git a/src/components/Divider/Divider.css b/src/components/Divider/Divider.module.css
similarity index 94%
rename from src/components/Divider/Divider.css
rename to src/components/Divider/Divider.module.css
index 9c77a7a7..48cb6295 100644
--- a/src/components/Divider/Divider.css
+++ b/src/components/Divider/Divider.module.css
@@ -4,8 +4,7 @@
   height: var(--lineHeight);
 }
 
-.divider__line {
-  content: '';
+.line {
   display: block;
   width: 100%;
   height: 100%;
@@ -30,8 +29,7 @@
   }
 }
 
-.divider__notch {
-  content: '';
+.notch {
   background-color: rgb(var(--rgbPrimary));
   position: absolute;
   transition-property: opacity;
diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index b00721d0..7378a8b4 100644
--- a/src/components/Footer/Footer.js
+++ b/src/components/Footer/Footer.js
@@ -1,13 +1,12 @@
-import './Footer.css';
-
 import { Link } from 'components/Link';
+import styles from './Footer.module.css';
 
 export const Footer = () => (
-  <footer className="footer">
-    <span className="footer__date">
+  <footer className={styles.footer}>
+    <span className={styles.date}>
       {`© ${new Date().getFullYear()} Hamish Williams.`}
     </span>
-    <Link secondary className="footer__link" href="/humans.txt" target="_self">
+    <Link secondary className={styles.link} href="/humans.txt" target="_self">
       Crafted by yours truly
     </Link>
   </footer>
diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.module.css
similarity index 91%
rename from src/components/Footer/Footer.css
rename to src/components/Footer/Footer.module.css
index fb99383a..558c096a 100644
--- a/src/components/Footer/Footer.css
+++ b/src/components/Footer/Footer.module.css
@@ -11,11 +11,11 @@
   color: var(--colorTextLight);
 }
 
-.footer__link {
+.link {
   display: inline-flex;
 }
 
-.footer__date {
+.date {
   padding-right: var(--spaceXS);
   display: inline-flex;
 }
diff --git a/src/components/Heading/Heading.js b/src/components/Heading/Heading.js
index 40615586..073e4f4b 100644
--- a/src/components/Heading/Heading.js
+++ b/src/components/Heading/Heading.js
@@ -1,7 +1,6 @@
-import './Heading.css';
-
 import { Fragment } from 'react';
 import { classes } from 'utils/style';
+import styles from './Heading.module.css';
 
 export const Heading = ({
   children,
@@ -18,7 +17,7 @@ export const Heading = ({
   return (
     <Fragment>
       <Component
-        className={classes('heading', className)}
+        className={classes(styles.heading, className)}
         data-align={align}
         data-weight={weight}
         data-level={clampedLevel}
diff --git a/src/components/Heading/Heading.css b/src/components/Heading/Heading.module.css
similarity index 100%
rename from src/components/Heading/Heading.css
rename to src/components/Heading/Heading.module.css
diff --git a/src/components/Icon/Icon.js b/src/components/Icon/Icon.js
index 4250f373..4d472547 100644
--- a/src/components/Icon/Icon.js
+++ b/src/components/Icon/Icon.js
@@ -1,20 +1,19 @@
-import './Icon.css';
-
-import { ReactComponent as ArrowLeft } from 'assets/icons/arrow-left.svg';
-import { ReactComponent as ArrowRight } from 'assets/icons/arrow-right.svg';
-import { ReactComponent as ChevronRight } from 'assets/icons/chevron-right.svg';
-import { ReactComponent as Close } from 'assets/icons/close.svg';
-import { ReactComponent as Copy } from 'assets/icons/copy.svg';
-import { ReactComponent as Dribbble } from 'assets/icons/dribbble.svg';
-import { ReactComponent as Error } from 'assets/icons/error.svg';
-import { ReactComponent as Figma } from 'assets/icons/figma.svg';
-import { ReactComponent as Github } from 'assets/icons/github.svg';
-import { ReactComponent as Menu } from 'assets/icons/menu.svg';
-import { ReactComponent as Pause } from 'assets/icons/pause.svg';
-import { ReactComponent as Play } from 'assets/icons/play.svg';
-import { ReactComponent as Send } from 'assets/icons/send.svg';
-import { ReactComponent as Twitter } from 'assets/icons/twitter.svg';
 import { classes } from 'utils/style';
+import styles from './Icon.module.css';
+import ArrowLeft from './svg/arrow-left.svg';
+import ArrowRight from './svg/arrow-right.svg';
+import ChevronRight from './svg/chevron-right.svg';
+import Close from './svg/close.svg';
+import Copy from './svg/copy.svg';
+import Dribbble from './svg/dribbble.svg';
+import Error from './svg/error.svg';
+import Figma from './svg/figma.svg';
+import Github from './svg/github.svg';
+import Menu from './svg/menu.svg';
+import Pause from './svg/pause.svg';
+import Play from './svg/play.svg';
+import Send from './svg/send.svg';
+import Twitter from './svg/twitter.svg';
 
 export const icons = {
   arrowLeft: ArrowLeft,
@@ -33,8 +32,10 @@ export const icons = {
   twitter: Twitter,
 };
 
-export const Icon = ({ icon, style, className, ...rest }) => {
+export const Icon = ({ icon, className, ...rest }) => {
   const IconComponent = icons[icon];
 
-  return <IconComponent aria-hidden className={classes('icon', className)} {...rest} />;
+  return (
+    <IconComponent aria-hidden className={classes(styles.icon, className)} {...rest} />
+  );
 };
diff --git a/src/components/Icon/Icon.css b/src/components/Icon/Icon.module.css
similarity index 100%
rename from src/components/Icon/Icon.css
rename to src/components/Icon/Icon.module.css
diff --git a/src/assets/icons/arrow-left.svg b/src/components/Icon/svg/arrow-left.svg
similarity index 100%
rename from src/assets/icons/arrow-left.svg
rename to src/components/Icon/svg/arrow-left.svg
diff --git a/src/assets/icons/arrow-right.svg b/src/components/Icon/svg/arrow-right.svg
similarity index 100%
rename from src/assets/icons/arrow-right.svg
rename to src/components/Icon/svg/arrow-right.svg
diff --git a/src/assets/icons/chevron-right.svg b/src/components/Icon/svg/chevron-right.svg
similarity index 100%
rename from src/assets/icons/chevron-right.svg
rename to src/components/Icon/svg/chevron-right.svg
diff --git a/src/assets/icons/close.svg b/src/components/Icon/svg/close.svg
similarity index 100%
rename from src/assets/icons/close.svg
rename to src/components/Icon/svg/close.svg
diff --git a/src/assets/icons/copy.svg b/src/components/Icon/svg/copy.svg
similarity index 100%
rename from src/assets/icons/copy.svg
rename to src/components/Icon/svg/copy.svg
diff --git a/src/assets/icons/dribbble.svg b/src/components/Icon/svg/dribbble.svg
similarity index 100%
rename from src/assets/icons/dribbble.svg
rename to src/components/Icon/svg/dribbble.svg
diff --git a/src/assets/icons/error.svg b/src/components/Icon/svg/error.svg
similarity index 100%
rename from src/assets/icons/error.svg
rename to src/components/Icon/svg/error.svg
diff --git a/src/assets/icons/figma.svg b/src/components/Icon/svg/figma.svg
similarity index 100%
rename from src/assets/icons/figma.svg
rename to src/components/Icon/svg/figma.svg
diff --git a/src/assets/icons/github.svg b/src/components/Icon/svg/github.svg
similarity index 100%
rename from src/assets/icons/github.svg
rename to src/components/Icon/svg/github.svg
diff --git a/src/assets/icons/menu.svg b/src/components/Icon/svg/menu.svg
similarity index 100%
rename from src/assets/icons/menu.svg
rename to src/components/Icon/svg/menu.svg
diff --git a/src/assets/icons/pause.svg b/src/components/Icon/svg/pause.svg
similarity index 100%
rename from src/assets/icons/pause.svg
rename to src/components/Icon/svg/pause.svg
diff --git a/src/assets/icons/play.svg b/src/components/Icon/svg/play.svg
similarity index 100%
rename from src/assets/icons/play.svg
rename to src/components/Icon/svg/play.svg
diff --git a/src/assets/icons/send.svg b/src/components/Icon/svg/send.svg
similarity index 100%
rename from src/assets/icons/send.svg
rename to src/components/Icon/svg/send.svg
diff --git a/src/assets/icons/twitter.svg b/src/components/Icon/svg/twitter.svg
similarity index 100%
rename from src/assets/icons/twitter.svg
rename to src/components/Icon/svg/twitter.svg
diff --git a/src/components/Image/Image.js b/src/components/Image/Image.js
index 7963a25c..73068a8c 100644
--- a/src/components/Image/Image.js
+++ b/src/components/Image/Image.js
@@ -1,5 +1,3 @@
-import './Image.css';
-
 import { Button } from 'components/Button';
 import { Icon } from 'components/Icon';
 import { useTheme } from 'components/ThemeProvider';
@@ -9,15 +7,24 @@ import { useInViewport, usePrefersReducedMotion } from 'hooks';
 import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
 import { Transition } from 'react-transition-group';
 import { resolveVideoSrcFromSrcSet } from 'utils/image';
-import { prerender } from 'utils/prerender';
 import { classes, cssProps, msToNum, numToMs } from 'utils/style';
 import { reflow } from 'utils/transition';
+import styles from './Image.module.css';
 
-export const Image = ({ className, style, reveal, delay = 0, raised, src, ...rest }) => {
+export const Image = ({
+  className,
+  style,
+  reveal,
+  delay = 0,
+  raised,
+  src,
+  placeholder,
+  ...rest
+}) => {
   const [loaded, setLoaded] = useState(false);
   const { themeId } = useTheme();
   const containerRef = useRef();
-  const inViewport = useInViewport(containerRef, !src?.endsWith('.mp4'));
+  const inViewport = useInViewport(containerRef, !getIsVideo(src));
 
   const onLoad = useCallback(() => {
     setLoaded(true);
@@ -25,8 +32,8 @@ export const Image = ({ className, style, reveal, delay = 0, raised, src, ...res
 
   return (
     <div
-      className={classes('image', className)}
-      data-visible={inViewport}
+      className={classes(styles.image, className)}
+      data-visible={inViewport || loaded}
       data-reveal={reveal}
       data-raised={raised}
       data-theme={themeId}
@@ -40,6 +47,7 @@ export const Image = ({ className, style, reveal, delay = 0, raised, src, ...res
         inViewport={inViewport}
         reveal={reveal}
         src={src}
+        placeholder={placeholder}
         {...rest}
       />
     </div>
@@ -65,28 +73,12 @@ const ImageElements = ({
   const [showPlayButton, setShowPlayButton] = useState(false);
   const [isHovered, setIsHovered] = useState(false);
   const [isFocused, setIsFocused] = useState(false);
-  const [placeholderSize, setPlaceholderSize] = useState();
   const [videoSrc, setVideoSrc] = useState();
+  const [videoInteracted, setVideoInteracted] = useState(false);
   const placeholderRef = useRef();
   const videoRef = useRef();
-  const isVideo = src?.endsWith('.mp4');
-  const imgSrc = src || srcSet?.split(' ')[0];
-  const showFullRes = !prerender && inViewport;
-
-  useEffect(() => {
-    const purgePlaceholder = () => {
-      setShowPlaceholder(false);
-    };
-
-    const placeholderElement = placeholderRef.current;
-    placeholderElement.addEventListener('transitionend', purgePlaceholder);
-
-    return function cleanUp() {
-      if (placeholderElement) {
-        placeholderElement.removeEventListener('transitionend', purgePlaceholder);
-      }
-    };
-  }, []);
+  const isVideo = getIsVideo(src);
+  const showFullRes = inViewport;
 
   useEffect(() => {
     const resolveVideoSrc = async () => {
@@ -102,33 +94,22 @@ const ImageElements = ({
   }, [isVideo, src, srcSet]);
 
   useEffect(() => {
-    const { width, height } = placeholderRef.current;
-
-    if (width && height) {
-      setPlaceholderSize({ width, height });
-    }
-  }, []);
-
-  useEffect(() => {
-    if (!videoRef.current || !videoSrc) return;
+    if (!videoRef.current || !videoSrc || videoInteracted) return;
 
     if (!play || !inViewport) {
       setPlaying(false);
       videoRef.current.pause();
-    } else if (inViewport && !prefersReducedMotion && !prerender) {
+    } else if (inViewport && !prefersReducedMotion) {
       setPlaying(true);
       videoRef.current.play();
     }
-  }, [inViewport, play, prefersReducedMotion, videoSrc]);
-
-  const handlePlaceholderLoad = event => {
-    const { width, height } = event.target;
-    setPlaceholderSize({ width, height });
-  };
+  }, [inViewport, play, prefersReducedMotion, videoInteracted, videoSrc]);
 
   const togglePlaying = event => {
     event.preventDefault();
 
+    setVideoInteracted(true);
+
     if (videoRef.current.paused) {
       setPlaying(true);
       videoRef.current.play();
@@ -150,9 +131,9 @@ const ImageElements = ({
 
   return (
     <div
-      className="image__element-wrapper"
+      className={styles.elementWrapper}
       data-reveal={reveal}
-      data-visible={inViewport}
+      data-visible={inViewport || loaded}
       onMouseOver={isVideo ? handleShowPlayButton : undefined}
       onMouseOut={isVideo ? () => setIsHovered(false) : undefined}
       style={cssProps({ delay: numToMs(delay + 1000) })}
@@ -163,7 +144,7 @@ const ImageElements = ({
             muted
             loop
             playsInline
-            className="image__element"
+            className={styles.element}
             data-loaded={loaded}
             autoPlay={!prefersReducedMotion}
             role="img"
@@ -182,7 +163,7 @@ const ImageElements = ({
             {status => (
               <VisuallyHidden visible={showPlayButton}>
                 <Button
-                  className="image__button"
+                  className={styles.button}
                   data-status={status}
                   onFocus={handleFocusPlayButton}
                   onBlur={() => setIsFocused(false)}
@@ -198,14 +179,14 @@ const ImageElements = ({
       )}
       {!isVideo && (
         <img
-          className="image__element"
+          className={styles.element}
           data-loaded={loaded}
           onLoad={onLoad}
           decoding="async"
-          src={showFullRes ? imgSrc : undefined}
+          src={showFullRes ? src.src : undefined}
           srcSet={showFullRes ? srcSet : undefined}
-          width={placeholderSize?.width}
-          height={placeholderSize?.height}
+          width={src.width}
+          height={src.height}
           alt={alt}
           {...rest}
         />
@@ -213,14 +194,14 @@ const ImageElements = ({
       {showPlaceholder && (
         <img
           aria-hidden
-          className="image__placeholder"
+          className={styles.placeholder}
           data-loaded={loaded}
           style={cssProps({ delay: numToMs(delay) })}
           ref={placeholderRef}
-          src={placeholder}
-          onLoad={handlePlaceholderLoad}
-          width={placeholderSize?.width}
-          height={placeholderSize?.height}
+          src={placeholder.src}
+          width={placeholder.width}
+          height={placeholder.height}
+          onTransitionEnd={() => setShowPlaceholder(false)}
           decoding="async"
           alt=""
           role="presentation"
@@ -229,3 +210,7 @@ const ImageElements = ({
     </div>
   );
 };
+
+function getIsVideo(src) {
+  return typeof src === 'string' && src.endsWith('.mp4');
+}
diff --git a/src/components/Image/Image.css b/src/components/Image/Image.module.css
similarity index 93%
rename from src/components/Image/Image.css
rename to src/components/Image/Image.module.css
index 41c4601c..caed86cd 100644
--- a/src/components/Image/Image.css
+++ b/src/components/Image/Image.module.css
@@ -55,7 +55,7 @@
   }
 }
 
-.image-container {
+.container {
   position: relative;
   transform: none;
   display: grid;
@@ -72,7 +72,7 @@
   }
 }
 
-.image__element-wrapper {
+.elementWrapper {
   opacity: 0;
   transition: none;
   transform: none;
@@ -90,7 +90,7 @@
   }
 }
 
-.image__placeholder {
+.placeholder {
   width: 100%;
   height: auto;
   transition: opacity var(--durationM) ease var(--delay);
@@ -107,20 +107,22 @@
   }
 }
 
-.image__element {
+.element {
   width: 100%;
   height: auto;
   display: block;
   opacity: 0;
   grid-column: 1;
   grid-row: 1;
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  image-rendering: -webkit-optimize-contrast;
 
   &[data-loaded='true'] {
     opacity: 1;
   }
 }
 
-.image__button {
+.button {
   opacity: 0;
   top: var(--spaceM);
   left: var(--spaceM);
diff --git a/src/components/Input/Input.js b/src/components/Input/Input.js
index 6404fb6a..fdac469b 100644
--- a/src/components/Input/Input.js
+++ b/src/components/Input/Input.js
@@ -1,18 +1,15 @@
-import './Input.css';
-
 import { Icon } from 'components/Icon';
 import { tokens } from 'components/ThemeProvider/theme';
-import { useId } from 'hooks';
-import { useRef, useState } from 'react';
+import { useId, useRef, useState } from 'react';
 import { Transition, TransitionGroup } from 'react-transition-group';
 import { classes, cssProps, msToNum } from 'utils/style';
 import { isVisible } from 'utils/transition';
+import styles from './Input.module.css';
 import { TextArea } from './TextArea';
 
 export const Input = ({
   id,
   label,
-  hasValue,
   value,
   multiline,
   className,
@@ -29,7 +26,7 @@ export const Input = ({
   const [focused, setFocused] = useState(false);
   const generatedId = useId();
   const errorRef = useRef();
-  const inputId = id || `input-${generatedId}`;
+  const inputId = id || `${generatedId}input`;
   const labelId = `${inputId}-label`;
   const errorId = `${inputId}-error`;
   const InputElement = multiline ? TextArea : 'input';
@@ -44,14 +41,14 @@ export const Input = ({
 
   return (
     <div
-      className={classes('input', className)}
+      className={classes(styles.container, className)}
       data-error={!!error}
       style={style}
       {...rest}
     >
-      <div className="input__content">
+      <div className={styles.content}>
         <label
-          className="input__label"
+          className={styles.label}
           data-focused={focused}
           data-filled={!!value}
           id={labelId}
@@ -60,10 +57,10 @@ export const Input = ({
           {label}
         </label>
         <InputElement
-          className="input__element"
+          className={styles.input}
           id={inputId}
           aria-labelledby={labelId}
-          aria-describedby={!!error ? errorId : undefined}
+          aria-describedby={error ? errorId : undefined}
           onFocus={() => setFocused(true)}
           onBlur={handleBlur}
           value={value}
@@ -73,14 +70,14 @@ export const Input = ({
           maxLength={maxLength}
           type={type}
         />
-        <div className="input__underline" data-focused={focused} />
+        <div className={styles.underline} data-focused={focused} />
       </div>
       <TransitionGroup component={null}>
         {!!error && (
           <Transition timeout={msToNum(tokens.base.durationM)}>
             {status => (
               <div
-                className="input__error"
+                className={styles.error}
                 data-status={status}
                 id={errorId}
                 role="alert"
@@ -90,7 +87,7 @@ export const Input = ({
                     : 0,
                 })}
               >
-                <div className="input__error-message" ref={errorRef}>
+                <div className={styles.errorMessage} ref={errorRef}>
                   <Icon icon="error" />
                   {error}
                 </div>
diff --git a/src/components/Input/Input.css b/src/components/Input/Input.module.css
similarity index 94%
rename from src/components/Input/Input.css
rename to src/components/Input/Input.module.css
index 3502575a..368fa7e9 100644
--- a/src/components/Input/Input.css
+++ b/src/components/Input/Input.module.css
@@ -1,4 +1,4 @@
-.input {
+.container {
   --inputFontSize: calc((16 / 16) * 1rem);
   --inputFocusColor: rgb(var(--rgbPrimary));
   --inputUnderlineColor: rgb(var(--rgbText) / 0.2);
@@ -12,12 +12,12 @@
   }
 }
 
-.input__content {
+.content {
   position: relative;
   display: flex;
 }
 
-.input__element {
+.input {
   display: block;
   color: var(--colorTextBody);
   box-shadow: inset 0 -2px 0 0 var(--inputUnderlineColor);
@@ -27,6 +27,7 @@
   line-height: var(--lineHeightBody);
   padding: var(--spaceL) 0 var(--spaceM);
   overflow-x: hidden;
+  outline: none;
 
   &:-internal-autofill-selected {
     -webkit-text-fill-color: var(--colorTextBody);
@@ -39,10 +40,6 @@
     box-shadow: 0 0 0 1000px rgb(var(--rgbText) / 0.1) inset;
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &::-webkit-contacts-auto-fill-button:hover {
     background-color: rgb(var(--rgbPrimary));
   }
@@ -54,7 +51,7 @@
   }
 }
 
-.input__underline {
+.underline {
   background: var(--inputFocusColor);
   transform: scale3d(0, 1, 1);
   width: 100%;
@@ -74,7 +71,7 @@
   }
 }
 
-.input__label {
+.label {
   color: rgb(var(--rgbText) / 0.8);
   position: absolute;
   top: var(--spaceL);
@@ -98,7 +95,7 @@
   }
 }
 
-.input__error {
+.error {
   transition-property: opacity;
   transition-duration: var(--durationM);
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -117,7 +114,7 @@
   }
 }
 
-.input__error-message {
+.errorMessage {
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: center;
diff --git a/src/components/Input/TextArea.js b/src/components/Input/TextArea.js
index 1a3f581b..4ae3b88b 100644
--- a/src/components/Input/TextArea.js
+++ b/src/components/Input/TextArea.js
@@ -1,7 +1,6 @@
-import './TextArea.css';
-
 import { useEffect, useRef, useState } from 'react';
 import { classes, cssProps } from 'utils/style';
+import styles from './TextArea.module.css';
 
 export const TextArea = ({
   className,
@@ -47,7 +46,7 @@ export const TextArea = ({
 
   return (
     <textarea
-      className={classes('textarea', className)}
+      className={classes(styles.textarea, className)}
       ref={textareaRef}
       onChange={handleChange}
       style={cssProps({ resize })}
diff --git a/src/components/Input/TextArea.css b/src/components/Input/TextArea.module.css
similarity index 100%
rename from src/components/Input/TextArea.css
rename to src/components/Input/TextArea.module.css
diff --git a/src/components/Link/Link.js b/src/components/Link/Link.js
index cb538839..30384385 100644
--- a/src/components/Link/Link.js
+++ b/src/components/Link/Link.js
@@ -1,38 +1,46 @@
-import './Link.css';
-
-import { Link as RouterLink } from 'react-router-dom';
+import RouterLink from 'next/link';
+import { forwardRef } from 'react';
 import { classes } from 'utils/style';
+import styles from './Link.module.css';
 
 // File extensions that can be linked to
 const VALID_EXT = ['txt', 'png', 'jpg'];
 
-export const Link = ({
-  rel,
-  target,
-  children,
-  secondary,
-  className,
-  href,
-  as,
-  ...rest
-}) => {
+function isAnchor(href) {
   const isValidExtension = VALID_EXT.includes(href?.split('.').pop());
-  const isAnchor = href?.includes('://') || href?.[0] === '#' || isValidExtension;
-  const relValue = rel || (isAnchor ? 'noreferrer noopener' : undefined);
-  const targetValue = target || (isAnchor ? '_blank' : undefined);
-  const Component = as || (isAnchor ? 'a' : RouterLink);
+  return href?.includes('://') || href?.[0] === '#' || isValidExtension;
+}
+
+export const Link = forwardRef(({ href, ...rest }, ref) => {
+  if (isAnchor(href)) {
+    return <LinkContent href={href} ref={ref} {...rest} />;
+  }
 
   return (
-    <Component
-      className={classes('link', className)}
-      data-secondary={secondary}
-      rel={relValue}
-      href={isAnchor ? href : undefined}
-      to={!isAnchor ? href : undefined}
-      target={targetValue}
-      {...rest}
-    >
-      {children}
-    </Component>
+    <RouterLink passHref href={href} scroll={false}>
+      <LinkContent ref={ref} {...rest} />
+    </RouterLink>
   );
-};
+});
+
+export const LinkContent = forwardRef(
+  ({ rel, target, children, secondary, className, href, ...rest }, ref) => {
+    const isExternal = isAnchor(href);
+    const relValue = rel || (isExternal ? 'noreferrer noopener' : undefined);
+    const targetValue = target || (isExternal ? '_blank' : undefined);
+
+    return (
+      <a
+        className={classes(styles.link, className)}
+        data-secondary={secondary}
+        rel={relValue}
+        href={href}
+        target={targetValue}
+        ref={ref}
+        {...rest}
+      >
+        {children}
+      </a>
+    );
+  }
+);
diff --git a/src/components/Link/Link.css b/src/components/Link/Link.module.css
similarity index 98%
rename from src/components/Link/Link.css
rename to src/components/Link/Link.module.css
index 727302db..842339f7 100644
--- a/src/components/Link/Link.css
+++ b/src/components/Link/Link.module.css
@@ -8,7 +8,6 @@
     rgb(var(--linkColor) / var(--lineOpacity))
   );
 
-  outline: none;
   cursor: pointer;
   display: inline;
   color: rgb(var(--linkColor));
diff --git a/src/components/Loader/Loader.js b/src/components/Loader/Loader.js
index 68cccf64..64ba5405 100644
--- a/src/components/Loader/Loader.js
+++ b/src/components/Loader/Loader.js
@@ -1,9 +1,8 @@
-import './Loader.css';
-
 import { VisuallyHidden } from 'components/VisuallyHidden';
 import { usePrefersReducedMotion } from 'hooks';
 import { createPortal } from 'react-dom';
 import { classes, cssProps } from 'utils/style';
+import styles from './Loader.module.css';
 
 export const Loader = ({ className, style, size = 32, text = 'Loading...', ...rest }) => {
   const prefersReducedMotion = usePrefersReducedMotion();
@@ -30,15 +29,15 @@ export const Loader = ({ className, style, size = 32, text = 'Loading...', ...re
 
   return (
     <div
-      className={classes('loader', className)}
+      className={classes(styles.loader, className)}
       aria-label={text}
       style={cssProps({ size, spanSize, gapSize }, style)}
       {...rest}
     >
-      <div className="loader__content">
-        <div className="loader__span" />
-        <div className="loader__span" />
-        <div className="loader__span" />
+      <div className={styles.content}>
+        <div className={styles.span} />
+        <div className={styles.span} />
+        <div className={styles.span} />
       </div>
       {renderScreenReaderTextPortal()}
     </div>
diff --git a/src/components/Loader/Loader.css b/src/components/Loader/Loader.module.css
similarity index 95%
rename from src/components/Loader/Loader.css
rename to src/components/Loader/Loader.module.css
index f01f451b..4933c8d6 100644
--- a/src/components/Loader/Loader.css
+++ b/src/components/Loader/Loader.module.css
@@ -5,13 +5,13 @@
   height: var(--size);
 }
 
-.loader-text {
+.text {
   color: inherit;
   font-size: var(--fontSizeBodyS);
   font-weight: var(--fontWeightMedium);
 }
 
-.loader__content {
+.content {
   display: grid;
   grid-template-columns: repeat(3, var(--spanSize));
   gap: var(--gapSize);
@@ -46,7 +46,7 @@
   }
 }
 
-.loader__span {
+.span {
   height: 60%;
   background: currentColor;
   animation: loader-span 1s var(--bezierFastoutSlowin) infinite;
diff --git a/src/components/Meta/Meta.js b/src/components/Meta/Meta.js
new file mode 100644
index 00000000..7c47117d
--- /dev/null
+++ b/src/components/Meta/Meta.js
@@ -0,0 +1,12 @@
+import Head from 'next/head';
+
+export const Meta = ({ title, description, prefix = 'Hamish Williams' }) => {
+  const titleText = [prefix, title].filter(Boolean).join(' | ');
+
+  return (
+    <Head>
+      <title key="title">{titleText}</title>
+      <meta key="description" name="description" content={description} />
+    </Head>
+  );
+};
diff --git a/src/components/Meta/index.js b/src/components/Meta/index.js
new file mode 100644
index 00000000..49033737
--- /dev/null
+++ b/src/components/Meta/index.js
@@ -0,0 +1 @@
+export * from './Meta';
diff --git a/src/components/Model/Model.js b/src/components/Model/Model.js
index 4110c7b9..d008adcd 100644
--- a/src/components/Model/Model.js
+++ b/src/components/Model/Model.js
@@ -1,5 +1,3 @@
-import './Model.css';
-
 import { useInViewport, usePrefersReducedMotion } from 'hooks';
 import { chain, delay, spring, value } from 'popmotion';
 import { useCallback, useEffect, useRef, useState } from 'react';
@@ -29,6 +27,7 @@ import { VerticalBlurShader } from 'three/examples/jsm/shaders/VerticalBlurShade
 import { getImageFromSrcSet } from 'utils/image';
 import { classes, cssProps, numToMs } from 'utils/style';
 import { cleanRenderer, cleanScene, modelLoader, removeLights } from 'utils/three';
+import styles from './Model.module.css';
 import { ModelAnimationType } from './deviceModels';
 
 const MeshType = {
@@ -42,7 +41,6 @@ export const Model = ({
   show = true,
   showDelay = 0,
   cameraPosition = { x: 0, y: 0, z: 8 },
-  enableControls,
   style,
   className,
   alt,
@@ -425,7 +423,7 @@ export const Model = ({
 
   return (
     <div
-      className={classes('model', className)}
+      className={classes(styles.model, className)}
       data-loaded={loaded}
       style={cssProps({ delay: numToMs(showDelay) }, style)}
       ref={container}
@@ -433,7 +431,7 @@ export const Model = ({
       aria-label={alt}
       {...rest}
     >
-      <canvas className="model__canvas" ref={canvas} />
+      <canvas className={styles.canvas} ref={canvas} />
     </div>
   );
 };
diff --git a/src/components/Model/Model.css b/src/components/Model/Model.module.css
similarity index 76%
rename from src/components/Model/Model.css
rename to src/components/Model/Model.module.css
index d146595a..ab7e1cfd 100644
--- a/src/components/Model/Model.css
+++ b/src/components/Model/Model.module.css
@@ -2,12 +2,12 @@
   position: relative;
   opacity: 0;
 
-  &[data-loaded='true'] {
+  &[data-loaded='true']:global {
     animation: fade-in 1s ease forwards var(--delay);
   }
 }
 
-.model__canvas {
+.canvas {
   position: absolute;
   inset: 0;
 }
diff --git a/src/components/Model/Model.stories.js b/src/components/Model/Model.stories.js
index b07c24c8..8e458d1a 100644
--- a/src/components/Model/Model.stories.js
+++ b/src/components/Model/Model.stories.js
@@ -28,18 +28,18 @@ export const phone = () => (
           ...deviceModels.phone,
           position: { x: -0.6, y: 0.8, z: 0.1 },
           texture: {
-            src: phoneTexture,
-            srcSet: `${phoneTexture} 800w, ${phoneTextureLarge} 1440w`,
-            placeholder: phoneTexturePlaceholder,
+            src: phoneTexture.src,
+            srcSet: `${phoneTexture.src} 800w, ${phoneTextureLarge.src} 1440w`,
+            placeholder: phoneTexturePlaceholder.src,
           },
         },
         {
           ...deviceModels.phone,
           position: { x: 0.6, y: -0.8, z: 0.4 },
           texture: {
-            src: phoneTexture2,
-            srcSet: `${phoneTexture2} 800w, ${phoneTexture2Large} 1440w`,
-            placeholder: phoneTexture2Placeholder,
+            src: phoneTexture2.src,
+            srcSet: `${phoneTexture2.src} 800w, ${phoneTexture2Large.src} 1440w`,
+            placeholder: phoneTexture2Placeholder.src,
           },
         },
       ]}
@@ -58,9 +58,9 @@ export const laptop = () => (
           ...deviceModels.laptop,
           position: { x: 0, y: 0, z: 0 },
           texture: {
-            src: laptopTexture,
-            srcSet: `${laptopTexture} 800w, ${laptopTextureLarge} 1440w`,
-            placeholder: laptopTexturePlaceholder,
+            src: laptopTexture.src,
+            srcSet: `${laptopTexture.src} 800w, ${laptopTextureLarge.src} 1440w`,
+            placeholder: laptopTexturePlaceholder.src,
           },
         },
       ]}
diff --git a/src/components/Monogram/Monogram.js b/src/components/Monogram/Monogram.js
index dbbf4ea2..f6fcc1fd 100644
--- a/src/components/Monogram/Monogram.js
+++ b/src/components/Monogram/Monogram.js
@@ -1,19 +1,19 @@
-import './Monogram.css';
-
-import { useId } from 'hooks';
+import { forwardRef, useId } from 'react';
 import { classes } from 'utils/style';
+import styles from './Monogram.module.css';
 
-export function Monogram({ highlight, className, ...props }) {
+export const Monogram = forwardRef(({ highlight, className, ...props }, ref) => {
   const id = useId();
-  const clipId = `monogram-clip-${id}`;
+  const clipId = `${id}monogram-clip`;
 
   return (
     <svg
       aria-hidden
-      className={classes('monogram', className)}
+      className={classes(styles.monogram, className)}
       width="46"
       height="29"
       viewBox="0 0 46 29"
+      ref={ref}
       {...props}
     >
       <defs>
@@ -24,9 +24,9 @@ export function Monogram({ highlight, className, ...props }) {
       <rect clipPath={`url(#${clipId})`} width="100%" height="100%" />
       {highlight && (
         <g clipPath={`url(#${clipId})`}>
-          <rect className="monogram__highlight" width="100%" height="100%" />
+          <rect className={styles.highlight} width="100%" height="100%" />
         </g>
       )}
     </svg>
   );
-}
+});
diff --git a/src/components/Monogram/Monogram.css b/src/components/Monogram/Monogram.module.css
similarity index 96%
rename from src/components/Monogram/Monogram.css
rename to src/components/Monogram/Monogram.module.css
index 099c4e01..6aedec00 100644
--- a/src/components/Monogram/Monogram.css
+++ b/src/components/Monogram/Monogram.module.css
@@ -3,7 +3,7 @@
   transition: fill var(--durationL) ease;
 }
 
-.monogram__highlight {
+.highlight {
   fill: rgb(var(--rgbAccent));
   opacity: 0;
   transform: scale3d(1, 0, 1);
diff --git a/src/components/Navbar/NavToggle.js b/src/components/Navbar/NavToggle.js
index 9db2d3ee..bccdeb5a 100644
--- a/src/components/Navbar/NavToggle.js
+++ b/src/components/Navbar/NavToggle.js
@@ -1,26 +1,20 @@
-import './NavToggle.css';
-
 import { Button } from 'components/Button';
 import { Icon } from 'components/Icon';
+import styles from './NavToggle.module.css';
 
 export const NavToggle = ({ menuOpen, ...rest }) => {
   return (
     <Button
       iconOnly
-      className="nav-toggle"
+      className={styles.toggle}
       aria-label="Menu"
       aria-expanded={menuOpen}
       {...rest}
     >
-      <div className="nav-toggle__inner">
-        <Icon
-          className="nav-toggle__icon"
-          data-menu={true}
-          data-open={menuOpen}
-          icon="menu"
-        />
+      <div className={styles.inner}>
+        <Icon className={styles.icon} data-menu={true} data-open={menuOpen} icon="menu" />
         <Icon
-          className="nav-toggle__icon"
+          className={styles.icon}
           data-close={true}
           data-open={menuOpen}
           icon="close"
diff --git a/src/components/Navbar/NavToggle.css b/src/components/Navbar/NavToggle.module.css
similarity index 95%
rename from src/components/Navbar/NavToggle.css
rename to src/components/Navbar/NavToggle.module.css
index cbeedf9e..99f5e265 100644
--- a/src/components/Navbar/NavToggle.css
+++ b/src/components/Navbar/NavToggle.module.css
@@ -1,4 +1,4 @@
-button.nav-toggle {
+button.toggle {
   --offset: var(--spaceXS);
   --inset: calc(var(--spaceOuter) - var(--offset));
 
@@ -15,7 +15,7 @@ button.nav-toggle {
   }
 }
 
-.nav-toggle__inner {
+.inner {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -23,7 +23,7 @@ button.nav-toggle {
   width: 100%;
 }
 
-.nav-toggle__icon {
+.icon {
   --iconSize: var(--spaceXL);
 
   position: absolute;
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 13fdadd5..2a6141a8 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,83 +1,199 @@
-import './Navbar.css';
-
 import { Icon } from 'components/Icon';
 import { Monogram } from 'components/Monogram';
+import { useTheme } from 'components/ThemeProvider';
 import { tokens } from 'components/ThemeProvider/theme';
-import { useAppContext, useWindowSize } from 'hooks';
-import { useRef, useState } from 'react';
-import { Link as RouterLink } from 'react-router-dom';
+import { useAppContext, usePrefersReducedMotion, useWindowSize } from 'hooks';
+import RouterLink from 'next/link';
+import { useRouter } from 'next/router';
+import { useEffect, useRef, useState } from 'react';
 import { Transition } from 'react-transition-group';
-import { media, msToNum, numToMs } from 'utils/style';
+import { cssProps, media, msToNum, numToMs } from 'utils/style';
 import { reflow } from 'utils/transition';
 import { NavToggle } from './NavToggle';
+import styles from './Navbar.module.css';
 import { ThemeToggle } from './ThemeToggle';
 import { navLinks, socialLinks } from './navData';
 
-const NavbarIcons = () => (
-  <div className="navbar__nav-icons">
+const NavbarIcons = ({ desktop }) => (
+  <div className={styles.navIcons}>
     {socialLinks.map(({ label, url, icon }) => (
       <a
         key={label}
-        className="navbar__nav-icon-link"
+        data-navbar-item={desktop || undefined}
+        className={styles.navIconLink}
         aria-label={label}
         href={url}
         target="_blank"
         rel="noopener noreferrer"
       >
-        <Icon className="navbar__nav-icon" icon={icon} />
+        <Icon className={styles.navIcon} icon={icon} />
       </a>
     ))}
   </div>
 );
 
-export function Navbar(props) {
+export function Navbar() {
+  const [current, setCurrent] = useState();
+  const [target, setTarget] = useState();
+  const { themeId } = useTheme();
   const { menuOpen, dispatch } = useAppContext();
-  const { location } = props;
-  const [hashKey, setHashKey] = useState();
+  const { route, asPath, push } = useRouter();
+  const scrollTimeout = useRef();
   const windowSize = useWindowSize();
   const headerRef = useRef();
   const isMobile = windowSize.width <= media.mobile || windowSize.height <= 696;
+  const reduceMotion = usePrefersReducedMotion();
+
+  useEffect(() => {
+    // Prevent ssr mismatch by storing this in state
+    setCurrent(asPath);
+  }, [asPath]);
+
+  useEffect(() => {
+    const hash = route.split('#')[1];
+
+    if (hash) {
+      const targetElement = document.getElementById(target);
+      targetElement.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    const navItems = document.querySelectorAll('[data-navbar-item]');
+    const inverseTheme = themeId === 'dark' ? 'light' : 'dark';
+    const invertedElements = document.querySelectorAll(
+      `[data-theme='${inverseTheme}'][data-invert]`
+    );
+
+    const isOverlap = (rect1, rect2, scrollY) => {
+      return !(rect1.bottom - scrollY < rect2.top || rect1.top - scrollY > rect2.bottom);
+    };
+
+    const navItemMeasurements = Array.from(navItems).map(item => {
+      const rect = item.getBoundingClientRect();
+
+      return {
+        element: item,
+        top: rect.top,
+        bottom: rect.bottom,
+      };
+    });
+
+    const handleInversion = () =>
+      requestAnimationFrame(() => {
+        const { scrollY } = window;
+
+        const inverseMeasurements = Array.from(invertedElements).map(item => ({
+          element: item,
+          top: item.offsetTop,
+          bottom: item.offsetTop + item.offsetHeight,
+        }));
+
+        inverseMeasurements.forEach(inverseMeasurement => {
+          if (
+            inverseMeasurement.top - scrollY > window.innerHeight ||
+            inverseMeasurement.bottom - scrollY < 0
+          ) {
+            return;
+          }
+
+          navItemMeasurements.forEach(measurement => {
+            if (isOverlap(inverseMeasurement, measurement, scrollY)) {
+              measurement.element.dataset.theme = inverseTheme;
+            } else {
+              measurement.element.dataset.theme = '';
+            }
+          });
+        });
+      });
+
+    if (invertedElements) {
+      document.addEventListener('scroll', handleInversion);
+      handleInversion();
+    }
+
+    return () => {
+      document.removeEventListener('scroll', handleInversion);
+    };
+  }, [themeId, windowSize]);
+
+  const getCurrent = (url = '') => {
+    const nonTrailing = current?.endsWith('/') ? current?.slice(0, -1) : current;
+
+    if (url === nonTrailing) {
+      return 'page';
+    }
 
-  const handleNavClick = () => {
-    setHashKey(Math.random().toString(32).substring(2, 8));
+    return '';
   };
 
-  const handleMobileNavClick = () => {
-    handleNavClick();
-    if (menuOpen) dispatch({ type: 'toggleMenu' });
+  const handleNavItemClick = event => {
+    const hash = event.currentTarget.href.split('#')[1];
+
+    if (route !== '/' || !hash) return;
+
+    event.preventDefault();
+
+    setTarget(hash);
   };
 
-  const isMatch = (url = '', hash = '') => {
-    if (!url) return false;
-    return `${url}${hash}` === `${location.pathname}${location.hash}`;
+  useEffect(() => {
+    if (!target) return;
+
+    const targetElement = document.getElementById(target);
+    targetElement.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth' });
+
+    const handleScroll = () => {
+      clearTimeout(scrollTimeout.current);
+      scrollTimeout.current = setTimeout(() => {
+        setTarget(null);
+        push(`#${target}`, null, { scroll: false });
+        targetElement.focus();
+      }, 100);
+    };
+
+    window.addEventListener('scroll', handleScroll);
+
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, [push, reduceMotion, target]);
+
+  const handleMobileNavClick = event => {
+    handleNavItemClick(event);
+    if (menuOpen) dispatch({ type: 'toggleMenu' });
   };
 
   return (
-    <header className="navbar" ref={headerRef}>
-      <RouterLink
-        className="navbar__logo"
-        to={{ pathname: '/', hash: '#intro', state: hashKey }}
-        aria-label="Hamish Williams, Designer"
-        onClick={handleMobileNavClick}
-      >
-        <Monogram highlight />
+    <header className={styles.navbar} ref={headerRef}>
+      <RouterLink href={route === '/' ? '/#intro' : '/'} scroll={false}>
+        <a
+          data-navbar-item
+          className={styles.logo}
+          aria-label="Hamish Williams, Designer"
+          onClick={handleMobileNavClick}
+        >
+          <Monogram highlight />
+        </a>
       </RouterLink>
       <NavToggle onClick={() => dispatch({ type: 'toggleMenu' })} menuOpen={menuOpen} />
-      <nav className="navbar__nav">
-        <div className="navbar__nav-list">
-          {navLinks.map(({ label, pathname, hash }) => (
-            <RouterLink
-              className="navbar__nav-link"
-              aria-current={isMatch(pathname, hash) ? 'page' : undefined}
-              onClick={handleNavClick}
-              key={label}
-              to={{ pathname, hash, state: hashKey }}
-            >
-              {label}
+      <nav className={styles.nav}>
+        <div className={styles.navList}>
+          {navLinks.map(({ label, pathname }) => (
+            <RouterLink href={pathname} scroll={false} key={label}>
+              <a
+                data-navbar-item
+                className={styles.navLink}
+                aria-current={getCurrent(pathname)}
+                onClick={handleNavItemClick}
+              >
+                {label}
+              </a>
             </RouterLink>
           ))}
         </div>
-        <NavbarIcons />
+        <NavbarIcons desktop />
       </nav>
       <Transition
         mountOnEnter
@@ -87,22 +203,22 @@ export function Navbar(props) {
         onEnter={reflow}
       >
         {status => (
-          <nav className="navbar__mobile-nav" data-status={status}>
-            {navLinks.map(({ label, pathname, hash }, index) => (
-              <RouterLink
-                className="navbar__mobile-nav-link"
-                data-status={status}
-                aria-current={isMatch(pathname, hash) ? 'page' : undefined}
-                key={label}
-                onClick={handleMobileNavClick}
-                to={{ pathname, hash, state: hashKey }}
-                style={{
-                  transitionDelay: numToMs(
-                    Number(msToNum(tokens.base.durationS)) + index * 50
-                  ),
-                }}
-              >
-                {label}
+          <nav className={styles.mobileNav} data-status={status}>
+            {navLinks.map(({ label, pathname }, index) => (
+              <RouterLink href={pathname} scroll={false} key={label}>
+                <a
+                  className={styles.mobileNavLink}
+                  data-status={status}
+                  aria-current={getCurrent(pathname)}
+                  onClick={handleMobileNavClick}
+                  style={cssProps({
+                    transitionDelay: numToMs(
+                      Number(msToNum(tokens.base.durationS)) + index * 50
+                    ),
+                  })}
+                >
+                  {label}
+                </a>
               </RouterLink>
             ))}
             <NavbarIcons />
@@ -110,7 +226,7 @@ export function Navbar(props) {
           </nav>
         )}
       </Transition>
-      {!isMobile && <ThemeToggle />}
+      {!isMobile && <ThemeToggle data-navbar-item />}
     </header>
   );
 }
diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.module.css
similarity index 95%
rename from src/components/Navbar/Navbar.css
rename to src/components/Navbar/Navbar.module.css
index c3e31212..aed3676d 100644
--- a/src/components/Navbar/Navbar.css
+++ b/src/components/Navbar/Navbar.module.css
@@ -26,7 +26,7 @@
   }
 }
 
-.navbar__logo {
+.logo {
   display: flex;
   position: relative;
   padding: var(--spaceS) var(--spaceS) var(--spaceL);
@@ -39,7 +39,7 @@
   }
 }
 
-.navbar__nav {
+.nav {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -56,13 +56,13 @@
   }
 }
 
-.navbar__nav-list {
+.navList {
   transform: rotate(-90deg) translate3d(-50%, 0, 0);
   display: flex;
   flex-direction: row-reverse;
 }
 
-.navbar__nav-link {
+.navLink {
   padding: var(--spaceM);
   color: rgb(var(--rgbText) / 0.8);
   font-weight: var(--fontWeightMedium);
@@ -106,7 +106,7 @@
   }
 }
 
-.navbar__nav-icons {
+.navIcons {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -134,7 +134,7 @@
   }
 }
 
-.navbar__nav-icon-link {
+.navIconLink {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -151,12 +151,12 @@
   }
 }
 
-.navbar__nav-icon {
+.navIcon {
   fill: currentColor;
   transition: fill var(--durationM) ease;
 }
 
-.navbar__mobile-nav {
+.mobileNav {
   position: fixed;
   inset: 0;
   background: rgb(var(--rgbBackground) / 0.9);
@@ -188,7 +188,7 @@
   }
 }
 
-.navbar__mobile-nav-link {
+.mobileNavLink {
   width: 100%;
   font-size: var(--headerNavFontSize);
   text-align: center;
@@ -215,7 +215,7 @@
     }
   }
 
-  @media (max-width: 400px), (max-height: 360px) {
+  @media (--mediaMobileS), (max-height: 360px) {
     & {
       --headerNavFontSize: calc((18 / 16) * 1rem);
     }
diff --git a/src/components/Navbar/ThemeToggle.js b/src/components/Navbar/ThemeToggle.js
index 6353ec92..5be82d93 100644
--- a/src/components/Navbar/ThemeToggle.js
+++ b/src/components/Navbar/ThemeToggle.js
@@ -1,13 +1,12 @@
-import './ThemeToggle.css';
-
 import { Button } from 'components/Button';
-import { useAppContext, useId } from 'hooks';
+import { useAppContext } from 'hooks';
+import { useId } from 'react';
+import styles from './ThemeToggle.module.css';
 
 export const ThemeToggle = ({ isMobile, ...rest }) => {
-  const { dispatch, theme: themeId } = useAppContext();
-  const isDark = themeId === 'dark';
+  const { dispatch } = useAppContext();
   const id = useId();
-  const maskId = `theme-toggle-mask-${id}`;
+  const maskId = `${id}theme-toggle-mask`;
 
   const handleClick = () => {
     dispatch({ type: 'toggleTheme' });
@@ -16,46 +15,25 @@ export const ThemeToggle = ({ isMobile, ...rest }) => {
   return (
     <Button
       iconOnly
-      className="theme-toggle"
+      className={styles.toggle}
       data-mobile={isMobile}
       aria-label="Toggle theme"
       onClick={handleClick}
       {...rest}
     >
-      <svg
-        aria-hidden
-        className="theme-toggle__svg"
-        width="38"
-        height="38"
-        viewBox="0 0 38 38"
-      >
+      <svg aria-hidden className={styles.svg} width="38" height="38" viewBox="0 0 38 38">
         <defs>
           <mask id={maskId}>
-            <circle
-              className="theme-toggle__circle"
-              data-mask={true}
-              data-dark={isDark}
-              cx="19"
-              cy="19"
-              r="13"
-            />
-            <circle
-              className="theme-toggle__mask"
-              data-dark={isDark}
-              cx="25"
-              cy="14"
-              r="9"
-            />
+            <circle className={styles.circle} data-mask={true} cx="19" cy="19" r="13" />
+            <circle className={styles.mask} cx="25" cy="14" r="9" />
           </mask>
         </defs>
         <path
-          className="theme-toggle__path"
-          data-dark={isDark}
+          className={styles.path}
           d="M19 3v7M19 35v-7M32.856 11l-6.062 3.5M5.144 27l6.062-3.5M5.144 11l6.062 3.5M32.856 27l-6.062-3.5"
         />
         <circle
-          className="theme-toggle__circle"
-          data-dark={isDark}
+          className={styles.circle}
           mask={`url(#${maskId})`}
           cx="19"
           cy="19"
diff --git a/src/components/Navbar/ThemeToggle.css b/src/components/Navbar/ThemeToggle.module.css
similarity index 89%
rename from src/components/Navbar/ThemeToggle.css
rename to src/components/Navbar/ThemeToggle.module.css
index b5d1799a..48b4af1d 100644
--- a/src/components/Navbar/ThemeToggle.css
+++ b/src/components/Navbar/ThemeToggle.module.css
@@ -1,4 +1,4 @@
-.theme-toggle {
+.toggle {
   --offset: 6px;
   --inset: calc(var(--spaceOuter) - var(--offset));
 
@@ -25,11 +25,7 @@
   }
 }
 
-.theme-toggle__svg {
-  display: block;
-}
-
-.theme-toggle__circle {
+.circle {
   fill: currentColor;
   transform: scale(0.6);
   transform-origin: center;
@@ -47,13 +43,13 @@
     fill: white;
   }
 
-  &[data-dark='true'] {
+  @nest body[data-theme='dark'] & {
     transform: none;
     transition-delay: 0.3s;
   }
 }
 
-.theme-toggle__mask {
+.mask {
   fill: black;
   transform: translate3d(100%, -100%, 0);
 
@@ -64,13 +60,13 @@
     }
   }
 
-  &[data-dark='true'] {
+  @nest body[data-theme='dark'] & {
     transform: none;
     transition-delay: 0.3s;
   }
 }
 
-.theme-toggle__path {
+.path {
   stroke: currentColor;
   fill: none;
   stroke-linecap: round;
@@ -88,7 +84,7 @@
     }
   }
 
-  &[data-dark='true'] {
+  @nest body[data-theme='dark'] & {
     stroke-dashoffset: 7;
     transition-delay: 0s;
     opacity: 0;
diff --git a/src/components/Navbar/navData.js b/src/components/Navbar/navData.js
index 6512d27a..0ae562f6 100644
--- a/src/components/Navbar/navData.js
+++ b/src/components/Navbar/navData.js
@@ -1,18 +1,12 @@
 export const navLinks = [
   {
     label: 'Projects',
-    pathname: '/',
-    hash: '#project-1',
+    pathname: '/#project-1',
   },
   {
     label: 'Details',
-    pathname: '/',
-    hash: '#details',
+    pathname: '/#details',
   },
-  // {
-  //   label: 'Articles',
-  //   pathname: '/articles',
-  // },
   {
     label: 'Contact',
     pathname: '/contact',
diff --git a/src/components/ProjectLayout/index.js b/src/components/ProjectLayout/index.js
deleted file mode 100644
index da26c2ac..00000000
--- a/src/components/ProjectLayout/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ProjectLayout';
diff --git a/src/components/Section/Section.js b/src/components/Section/Section.js
index b7b39be5..b90997f7 100644
--- a/src/components/Section/Section.js
+++ b/src/components/Section/Section.js
@@ -1,11 +1,10 @@
-import './Section.css';
-
 import { forwardRef } from 'react';
 import { classes } from 'utils/style';
+import styles from './Section.module.css';
 
 export const Section = forwardRef(
   ({ as: Component = 'div', children, className, ...rest }, ref) => (
-    <Component className={classes('section', className)} ref={ref} {...rest}>
+    <Component className={classes(styles.section, className)} ref={ref} {...rest}>
       {children}
     </Component>
   )
diff --git a/src/components/Section/Section.css b/src/components/Section/Section.module.css
similarity index 97%
rename from src/components/Section/Section.css
rename to src/components/Section/Section.module.css
index e34e9dc1..4e4ba6d0 100644
--- a/src/components/Section/Section.css
+++ b/src/components/Section/Section.module.css
@@ -1,7 +1,6 @@
 .section {
   padding-right: var(--space5XL);
   padding-left: calc(var(--space4XL) * 2);
-  outline: none;
 
   @media (min-width: 2080px) {
     & {
diff --git a/src/components/SegmentedControl/SegmentedControl.js b/src/components/SegmentedControl/SegmentedControl.js
index f95f769b..2053769a 100644
--- a/src/components/SegmentedControl/SegmentedControl.js
+++ b/src/components/SegmentedControl/SegmentedControl.js
@@ -1,16 +1,15 @@
-import './SegmentedControl.css';
-
 import { VisuallyHidden } from 'components/VisuallyHidden';
-import { useId } from 'hooks';
 import {
   createContext,
   useCallback,
   useContext,
-  useLayoutEffect,
+  useEffect,
+  useId,
   useRef,
   useState,
 } from 'react';
 import { cssProps } from 'utils/style';
+import styles from './SegmentedControl.module.css';
 
 const SegmentedControlContext = createContext({});
 
@@ -22,7 +21,7 @@ export const SegmentedControl = ({
   ...props
 }) => {
   const id = useId();
-  const labelId = `segmented-control-label-${id}`;
+  const labelId = `${id}segmented-control-label`;
   const optionRefs = useRef([]);
   const [indicator, setIndicator] = useState();
 
@@ -44,7 +43,7 @@ export const SegmentedControl = ({
     optionRefs.current = [...optionRefs.current, optionRef];
   }, []);
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const currentOption = optionRefs.current[currentIndex]?.current;
 
     const resizeObserver = new ResizeObserver(() => {
@@ -65,19 +64,19 @@ export const SegmentedControl = ({
       value={{ optionRefs, currentIndex, onChange, registerOption }}
     >
       <div
-        className="segmented-control"
+        className={styles.container}
         role="radiogroup"
         aria-labelledby={labelId}
         onKeyDown={handleKeyDown}
         {...props}
       >
-        <VisuallyHidden as="label" className="segmented-control__label" id={labelId}>
+        <VisuallyHidden as="label" id={labelId}>
           {label}
         </VisuallyHidden>
-        <div className="segmented-control__options">
+        <div className={styles.options}>
           {!!indicator && (
             <div
-              className="segmented-control__indicator"
+              className={styles.indicator}
               data-last={currentIndex === optionRefs.current.length - 1}
               style={cssProps(indicator)}
             />
@@ -97,13 +96,13 @@ export const SegmentedControlOption = ({ children, ...props }) => {
   const index = optionRefs.current.indexOf(optionRef);
   const isSelected = currentIndex === index;
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     registerOption(optionRef);
   }, [registerOption]);
 
   return (
     <button
-      className="segmented-control__button"
+      className={styles.button}
       tabIndex={isSelected ? 0 : -1}
       role="radio"
       aria-checked={isSelected}
diff --git a/src/components/SegmentedControl/SegmentedControl.css b/src/components/SegmentedControl/SegmentedControl.module.css
similarity index 94%
rename from src/components/SegmentedControl/SegmentedControl.css
rename to src/components/SegmentedControl/SegmentedControl.module.css
index bbc9f810..6d733919 100644
--- a/src/components/SegmentedControl/SegmentedControl.css
+++ b/src/components/SegmentedControl/SegmentedControl.module.css
@@ -1,8 +1,8 @@
-.segmented-control {
+.container {
   --inset: 4px;
 }
 
-.segmented-control__options {
+.options {
   position: relative;
   display: flex;
   padding: var(--inset);
@@ -22,7 +22,7 @@
   }
 }
 
-.segmented-control__button {
+.button {
   position: relative;
   display: flex;
   align-items: center;
@@ -63,7 +63,7 @@
   }
 }
 
-.segmented-control__indicator {
+.indicator {
   position: absolute;
   top: var(--inset);
   bottom: var(--inset);
diff --git a/src/components/Table/Table.js b/src/components/Table/Table.js
index 073c54ad..874b2415 100644
--- a/src/components/Table/Table.js
+++ b/src/components/Table/Table.js
@@ -1,11 +1,11 @@
-import './Table.css';
+import styles from './Table.module.css';
 
 export const Table = ({ children }) => (
-  <table className="table">
-    <tbody className="table__body">{children}</tbody>
+  <table className={styles.table}>
+    <tbody className={styles.body}>{children}</tbody>
   </table>
 );
 
-export const TableRow = ({ children }) => <tr className="table__row">{children}</tr>;
+export const TableRow = ({ children }) => <tr className={styles.row}>{children}</tr>;
 
-export const TableCell = ({ children }) => <td className="table__cell">{children}</td>;
+export const TableCell = ({ children }) => <td className={styles.cell}>{children}</td>;
diff --git a/src/components/Table/Table.css b/src/components/Table/Table.module.css
similarity index 92%
rename from src/components/Table/Table.css
rename to src/components/Table/Table.module.css
index 5f82f1fb..bc68e12c 100644
--- a/src/components/Table/Table.css
+++ b/src/components/Table/Table.module.css
@@ -3,7 +3,7 @@
   width: 100%;
 }
 
-.table__row {
+.row {
   --rowBorder: 1px solid rgb(var(--rgbText) / 0.2);
 
   border-top: var(--rowBorder);
@@ -13,7 +13,7 @@
   }
 }
 
-.table__cell {
+.cell {
   padding-right: var(--spaceXL);
   padding-top: var(--spaceM);
   padding-bottom: var(--spaceM);
diff --git a/src/components/Text/Text.js b/src/components/Text/Text.js
index 4ea9c7ee..8cea2797 100644
--- a/src/components/Text/Text.js
+++ b/src/components/Text/Text.js
@@ -1,6 +1,5 @@
-import './Text.css';
-
 import { classes } from 'utils/style';
+import styles from './Text.module.css';
 
 export const Text = ({
   children,
@@ -14,7 +13,7 @@ export const Text = ({
 }) => {
   return (
     <Component
-      className={classes('text', className)}
+      className={classes(styles.text, className)}
       data-align={align}
       data-size={size}
       data-weight={weight}
diff --git a/src/components/Text/Text.css b/src/components/Text/Text.module.css
similarity index 100%
rename from src/components/Text/Text.css
rename to src/components/Text/Text.module.css
diff --git a/src/components/ThemeProvider/ThemeProvider.js b/src/components/ThemeProvider/ThemeProvider.js
index f94bcead..87e83a3b 100644
--- a/src/components/ThemeProvider/ThemeProvider.js
+++ b/src/components/ThemeProvider/ThemeProvider.js
@@ -1,13 +1,12 @@
 import GothamBold from 'assets/fonts/gotham-bold.woff2';
 import GothamBook from 'assets/fonts/gotham-book.woff2';
 import GothamMedium from 'assets/fonts/gotham-medium.woff2';
-import { Fragment, createContext, useEffect } from 'react';
-import { Helmet } from 'react-helmet';
+import { createContext, useEffect } from 'react';
 import { classes, media } from 'utils/style';
 import { theme, tokens } from './theme';
 import useTheme from './useTheme';
 
-export const fontStyles = `
+export const fontStyles = squish(`
   @font-face {
     font-family: "Gotham";
     font-weight: 400;
@@ -28,7 +27,7 @@ export const fontStyles = `
     src: url(${GothamBold}) format('woff2');
     font-display: swap;
   }
-`;
+`);
 
 const ThemeContext = createContext({});
 
@@ -38,6 +37,7 @@ const ThemeProvider = ({
   children,
   className,
   as: Component = 'div',
+  ...rest
 }) => {
   const currentTheme = { ...theme[themeId], ...themeOverrides };
   const parentTheme = useTheme();
@@ -47,30 +47,19 @@ const ThemeProvider = ({
   useEffect(() => {
     if (isRootProvider) {
       window.localStorage.setItem('theme', JSON.stringify(themeId));
-      document.body.classList.remove('light', 'dark');
-      document.body.classList.add(themeId);
+      document.body.dataset.theme = themeId;
     }
   }, [themeId, isRootProvider]);
 
   return (
     <ThemeContext.Provider value={currentTheme}>
-      {/* Add fonts and base tokens for the root provider */}
-      {isRootProvider && (
-        <Fragment>
-          <Helmet>
-            <link rel="prefetch" href={GothamMedium} as="font" crossorigin="" />
-            <link rel="prefetch" href={GothamBook} as="font" crossorigin="" />
-            <style>{fontStyles}</style>
-            <style>{tokenStyles}</style>
-          </Helmet>
-          {children}
-        </Fragment>
-      )}
+      {isRootProvider && children}
       {/* Nested providers need a div to override theme tokens */}
       {!isRootProvider && (
         <Component
           className={classes('theme-provider', className)}
-          style={createThemeStyleObject(currentTheme)}
+          data-theme={themeId}
+          {...rest}
         >
           {children}
         </Component>
@@ -79,14 +68,23 @@ const ThemeProvider = ({
   );
 };
 
+/**
+ * Squeeze out spaces and newlines
+ */
+function squish(styles) {
+  return styles.replace(/\s\s+/g, ' ');
+}
+
 /**
  * Transform theme token objects into CSS custom property strings
  */
 function createThemeProperties(theme) {
-  return Object.keys(theme)
-    .filter(key => key !== 'themeId')
-    .map(key => `--${key}: ${theme[key]};`)
-    .join('\n');
+  return squish(
+    Object.keys(theme)
+      .filter(key => key !== 'themeId')
+      .map(key => `--${key}: ${theme[key]};`)
+      .join('\n\n')
+  );
 }
 
 /**
@@ -108,34 +106,36 @@ function createThemeStyleObject(theme) {
  * Generate media queries for tokens
  */
 function createMediaTokenProperties() {
-  return Object.keys(media)
-    .map(key => {
-      return `
+  return squish(
+    Object.keys(media)
+      .map(key => {
+        return `
         @media (max-width: ${media[key]}px) {
           :root {
             ${createThemeProperties(tokens[key])}
           }
         }
       `;
-    })
-    .join('\n');
+      })
+      .join('\n')
+  );
 }
 
-export const tokenStyles = `
+export const tokenStyles = squish(`
   :root {
     ${createThemeProperties(tokens.base)}
   }
 
   ${createMediaTokenProperties()}
 
-  .dark {
+  [data-theme='dark'] {
     ${createThemeProperties(theme.dark)}
   }
 
-  .light {
+  [data-theme='light'] {
     ${createThemeProperties(theme.light)}
   }
-`;
+`);
 
 export {
   theme,
diff --git a/src/components/ThemeProvider/theme.js b/src/components/ThemeProvider/theme.js
index 1a07fefc..c623b6c9 100644
--- a/src/components/ThemeProvider/theme.js
+++ b/src/components/ThemeProvider/theme.js
@@ -31,7 +31,7 @@ const baseTokens = {
   fontSizeBodyS: pxToRem(16),
   fontSizeBodyXS: pxToRem(14),
   lineHeightTitle: '1.1',
-  lineHeightBody: '1.5',
+  lineHeightBody: '1.6',
   maxWidthS: '540px',
   maxWidthM: '720px',
   maxWidthL: '1096px',
diff --git a/src/components/VisuallyHidden/VisuallyHidden.js b/src/components/VisuallyHidden/VisuallyHidden.js
index a4c63ac7..49926532 100644
--- a/src/components/VisuallyHidden/VisuallyHidden.js
+++ b/src/components/VisuallyHidden/VisuallyHidden.js
@@ -1,23 +1,22 @@
-import './VisuallyHidden.css';
-
+import { forwardRef } from 'react';
 import { classes } from 'utils/style';
+import styles from './VisuallyHidden.module.css';
 
-export const VisuallyHidden = ({
-  className,
-  showOnFocus,
-  as: Component = 'span',
-  children,
-  visible,
-  ...rest
-}) => {
-  return (
-    <Component
-      className={classes('visually-hidden', className)}
-      data-hidden={!visible && !showOnFocus}
-      data-show-on-focus={showOnFocus}
-      {...rest}
-    >
-      {children}
-    </Component>
-  );
-};
+export const VisuallyHidden = forwardRef(
+  (
+    { className, showOnFocus, as: Component = 'span', children, visible, ...rest },
+    ref
+  ) => {
+    return (
+      <Component
+        className={classes(styles.hidden, className)}
+        data-hidden={!visible && !showOnFocus}
+        data-show-on-focus={showOnFocus}
+        ref={ref}
+        {...rest}
+      >
+        {children}
+      </Component>
+    );
+  }
+);
diff --git a/src/components/VisuallyHidden/VisuallyHidden.css b/src/components/VisuallyHidden/VisuallyHidden.module.css
similarity index 94%
rename from src/components/VisuallyHidden/VisuallyHidden.css
rename to src/components/VisuallyHidden/VisuallyHidden.module.css
index 16b797d6..f0702e6a 100644
--- a/src/components/VisuallyHidden/VisuallyHidden.css
+++ b/src/components/VisuallyHidden/VisuallyHidden.module.css
@@ -1,4 +1,4 @@
-.visually-hidden {
+.hidden {
   position: absolute;
 
   &[data-hidden='true'],
diff --git a/src/hooks/index.js b/src/hooks/index.js
index eb100617..4055ed3b 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.js
@@ -1,6 +1,5 @@
 export { useAppContext } from './useAppContext';
 export { useFormInput } from './useFormInput';
-export { useId } from './useId';
 export { useInterval } from './useInterval';
 export { useInViewport } from './useInViewport';
 export { useLocalStorage } from './useLocalStorage';
@@ -8,5 +7,4 @@ export { useParallax } from './useParallax';
 export { usePrefersReducedMotion } from './usePrefersReducedMotion';
 export { usePrevious } from './usePrevious';
 export { useRouteTransition } from './useRouteTransition';
-export { useScrollRestore } from './useScrollRestore';
 export { useWindowSize } from './useWindowSize';
diff --git a/src/hooks/useAppContext.js b/src/hooks/useAppContext.js
index 90789a69..2c9e0272 100644
--- a/src/hooks/useAppContext.js
+++ b/src/hooks/useAppContext.js
@@ -1,4 +1,4 @@
-import { AppContext } from 'app';
+import { AppContext } from 'pages/_app.page';
 import { useContext } from 'react';
 
 export function useAppContext() {
diff --git a/src/hooks/useFoucFix.js b/src/hooks/useFoucFix.js
new file mode 100644
index 00000000..eb258ea7
--- /dev/null
+++ b/src/hooks/useFoucFix.js
@@ -0,0 +1,75 @@
+import { useEffect } from 'react';
+
+// Temporary fix to avoid flash of unstyled content (FOUC) during route transitions.
+// Keep an eye on this issue and remove this code when resolved: https://github.com/vercel/next.js/issues/17464
+const useFoucFix = () =>
+  useEffect(() => {
+    // Gather all server-side rendered stylesheet entries.
+    let ssrPageStyleSheetsEntries = Array.from(
+      document.querySelectorAll('link[rel="stylesheet"][data-n-p]')
+    ).map(element => ({
+      element,
+      href: element.getAttribute('href'),
+    }));
+
+    // Remove the `data-n-p` attribute to prevent Next.js from removing it early.
+    ssrPageStyleSheetsEntries.forEach(({ element }) =>
+      element.removeAttribute('data-n-p')
+    );
+
+    const fixedStyleHrefs = [];
+
+    const mutationHandler = mutations => {
+      // Gather all <style data-n-href="/..."> elements.
+      const newStyleEntries = mutations
+        .filter(
+          ({ target }) =>
+            target.nodeName === 'STYLE' && target.hasAttribute('data-n-href')
+        )
+        .map(({ target }) => ({
+          element: target,
+          href: target.getAttribute('data-n-href'),
+        }));
+
+      // Cycle through them and either:
+      // - Remove the `data-n-href` attribute to prevent Next.js from removing it early.
+      // - Remove the element if it's already present.
+      newStyleEntries.forEach(({ element, href }) => {
+        const styleExists = fixedStyleHrefs.includes(href);
+
+        if (styleExists) {
+          element.remove();
+        } else {
+          element.setAttribute('data-fouc-fix-n-href', href);
+          element.removeAttribute('data-n-href');
+          fixedStyleHrefs.push(href);
+        }
+      });
+
+      // Cycle through the server-side rendered stylesheets and remove the ones that
+      // are already present as inline <style> tags added by Next.js, so that we don't have duplicate styles.
+      ssrPageStyleSheetsEntries = ssrPageStyleSheetsEntries.reduce((entries, entry) => {
+        const { element, href } = entry;
+        const styleExists = fixedStyleHrefs.includes(href);
+
+        if (styleExists) {
+          element.remove();
+        } else {
+          entries.push(entry);
+        }
+
+        return entries;
+      }, []);
+    };
+
+    const observer = new MutationObserver(mutationHandler);
+
+    observer.observe(document.head, {
+      subtree: true,
+      attributeFilter: ['media'],
+    });
+
+    return () => observer.disconnect();
+  }, []);
+
+export default useFoucFix;
diff --git a/src/hooks/useId.js b/src/hooks/useId.js
deleted file mode 100644
index edb5f657..00000000
--- a/src/hooks/useId.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { useEffect, useState } from 'react';
-
-let id = 0;
-const genId = () => ++id;
-
-export const useId = () => {
-  const [id, setId] = useState(null);
-  useEffect(() => setId(genId()), []);
-  return id;
-};
diff --git a/src/hooks/useLocalStorage.js b/src/hooks/useLocalStorage.js
index 595a5301..eef0360f 100644
--- a/src/hooks/useLocalStorage.js
+++ b/src/hooks/useLocalStorage.js
@@ -1,7 +1,10 @@
 import { useState } from 'react';
+import { ssr } from 'utils/ssr';
 
 export function useLocalStorage(key, initialValue) {
   const [storedValue, setStoredValue] = useState(() => {
+    if (ssr) return initialValue;
+
     try {
       const item = window.localStorage.getItem(key);
       return item ? JSON.parse(item) : initialValue;
diff --git a/src/hooks/usePrefersReducedMotion.js b/src/hooks/usePrefersReducedMotion.js
index 35b6110e..6c027cff 100644
--- a/src/hooks/usePrefersReducedMotion.js
+++ b/src/hooks/usePrefersReducedMotion.js
@@ -1,11 +1,14 @@
 import { useEffect, useState } from 'react';
+import { ssr } from 'utils/ssr';
 
 export function usePrefersReducedMotion() {
-  const [reduceMotion, setReduceMotion] = useState(
-    () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches
+  const [reduceMotion, setReduceMotion] = useState(() =>
+    !ssr ? window.matchMedia?.('(prefers-reduced-motion: reduce)').matches : false
   );
 
   useEffect(() => {
+    if (ssr) return;
+
     const mediaQuery = window.matchMedia?.('(prefers-reduced-motion: reduce)');
 
     const handleMediaChange = () => {
diff --git a/src/hooks/useRouteTransition.js b/src/hooks/useRouteTransition.js
index 150e061b..58887d00 100644
--- a/src/hooks/useRouteTransition.js
+++ b/src/hooks/useRouteTransition.js
@@ -1,4 +1,4 @@
-import { TransitionContext } from 'app';
+import { TransitionContext } from 'pages/_app.page';
 import { useContext } from 'react';
 
 export function useRouteTransition() {
diff --git a/src/hooks/useScrollRestore.js b/src/hooks/useScrollRestore.js
deleted file mode 100644
index 170c5ead..00000000
--- a/src/hooks/useScrollRestore.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useRouteTransition } from 'hooks';
-import { useEffect } from 'react';
-import { usePrefersReducedMotion, usePrevious } from '.';
-
-export function useScrollRestore() {
-  const { status } = useRouteTransition();
-  const prevStatus = usePrevious(status);
-  const prefersReducedMotion = usePrefersReducedMotion();
-
-  useEffect(() => {
-    const hasEntered = prevStatus === 'entering' && status === 'entered';
-    const hasEnteredReducedMotion = prefersReducedMotion && status === 'entered';
-
-    if (hasEntered || hasEnteredReducedMotion) {
-      window.scrollTo(0, 0);
-      document.getElementById('MainContent').focus();
-    }
-  }, [prefersReducedMotion, prevStatus, status]);
-}
diff --git a/src/hooks/useWindowSize.js b/src/hooks/useWindowSize.js
index 3d7e9a80..b6bd0552 100644
--- a/src/hooks/useWindowSize.js
+++ b/src/hooks/useWindowSize.js
@@ -1,10 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 export function useWindowSize() {
-  const isClient = typeof window === 'object';
-  const isIOS = navigator.userAgent.match(/iphone|ipod|ipad/i);
-  const axis = useRef(() => ({ w: 0, h: 0 }));
-  const dimensions = useRef(() => Math.abs(window.orientation));
+  const dimensions = useRef(() => ({ w: 1280, h: 800 }));
 
   const createRuler = useCallback(() => {
     let ruler = document.createElement('div');
@@ -17,8 +14,8 @@ export function useWindowSize() {
     document.documentElement.appendChild(ruler);
 
     // Set cache conscientious of device orientation
-    dimensions.current.w = axis.current === 90 ? ruler.offsetHeight : window.innerWidth;
-    dimensions.current.h = axis.current === 90 ? window.innerWidth : ruler.offsetHeight;
+    dimensions.current.w = window.innerWidth;
+    dimensions.current.h = ruler.offsetHeight;
 
     // Clean up after ourselves
     document.documentElement.removeChild(ruler);
@@ -27,29 +24,24 @@ export function useWindowSize() {
 
   // Get the actual height on iOS Safari
   const getHeight = useCallback(() => {
-    if (!isClient) return 0;
+    const isIOS = navigator?.userAgent.match(/iphone|ipod|ipad/i);
 
     if (isIOS) {
       createRuler();
-
-      if (Math.abs(window.orientation) !== 90) {
-        return dimensions.current.h;
-      }
-
-      return dimensions.current.w;
+      return dimensions.current.h;
     }
 
     return window.innerHeight;
-  }, [createRuler, isClient, isIOS]);
+  }, [createRuler]);
 
   const getSize = useCallback(() => {
     return {
-      width: isClient ? window.innerWidth : 0,
+      width: window.innerWidth,
       height: getHeight(),
     };
-  }, [getHeight, isClient]);
+  }, [getHeight]);
 
-  const [windowSize, setWindowSize] = useState(() => getSize());
+  const [windowSize, setWindowSize] = useState(dimensions.current);
 
   useEffect(() => {
     const handleResize = () => {
@@ -57,11 +49,12 @@ export function useWindowSize() {
     };
 
     window.addEventListener('resize', handleResize);
+    handleResize();
 
     return () => {
       window.removeEventListener('resize', handleResize);
     };
-  }, [getSize, isClient]);
+  }, [getSize]);
 
   return windowSize;
 }
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index cc77b084..00000000
--- a/src/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { hydrate, render } from 'react-dom';
-import { App } from './app';
-
-const rootElement = document.getElementById('root');
-
-if (rootElement.hasChildNodes()) {
-  hydrate(<App />, rootElement);
-} else {
-  render(<App />, rootElement);
-}
diff --git a/src/app/App.css b/src/layouts/App/App.module.css
similarity index 92%
rename from src/app/App.css
rename to src/layouts/App/App.module.css
index a399126f..016bf3d4 100644
--- a/src/app/App.css
+++ b/src/layouts/App/App.module.css
@@ -3,16 +3,15 @@
   position: relative;
   background: rgb(var(--rgbBackground));
   transition: background var(--durationM) ease;
-  outline: none;
   display: grid;
   grid-template: 100% / 100%;
 }
 
-.app__page {
+.page {
   opacity: 0;
   grid-area: 1 / 1;
   transition: opacity var(--durationS) ease;
-  min-height: 100vh;
+  min-height: 100lvh;
 
   &[data-status='exiting'],
   &[data-status='entering'] {
@@ -26,7 +25,7 @@
   }
 }
 
-.skip-to-main {
+.skip {
   isolation: isolate;
   color: rgb(var(--rgbBackground));
   z-index: 128;
@@ -40,7 +39,6 @@
     font-weight: var(--fontWeightMedium);
     line-height: 1;
     box-shadow: 0 0 0 4px rgb(var(--rgbBackground)), 0 0 0 8px rgb(var(--rgbText));
-    outline: none;
   }
 
   &::before {
diff --git a/src/layouts/App/ScrollRestore.js b/src/layouts/App/ScrollRestore.js
new file mode 100644
index 00000000..c56741fb
--- /dev/null
+++ b/src/layouts/App/ScrollRestore.js
@@ -0,0 +1,57 @@
+import { usePrefersReducedMotion, usePrevious, useRouteTransition } from 'hooks';
+import { useRouter } from 'next/router';
+import { useEffect } from 'react';
+
+// Custom scroll restoration to avoid jank during page transitions
+export const ScrollRestore = () => {
+  const { asPath, beforePopState } = useRouter();
+  const { status } = useRouteTransition();
+  const prevStatus = usePrevious(status);
+  const prefersReducedMotion = usePrefersReducedMotion();
+
+  useEffect(() => {
+    beforePopState(state => {
+      state.options.scroll = false;
+      return true;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    // Opt out of auto scroll restoration
+    window.history.scrollRestoration = 'manual';
+  }, []);
+
+  useEffect(() => {
+    const hasEntered = prevStatus === 'entering' && status === 'entered';
+    const hasEnteredReducedMotion = prefersReducedMotion && status === 'entered';
+
+    const restoreScroll = () => {
+      document.documentElement.style = 'scroll-behavior: auto';
+
+      // Handle hash link restoration
+      if (asPath.includes('#')) {
+        requestAnimationFrame(() => {
+          const target = document.getElementById(asPath.split('#')[1]);
+
+          if (target) {
+            window.scrollTo(0, target.offsetTop);
+          }
+        });
+      } else {
+        requestAnimationFrame(() => {
+          window.scrollTo(0, 0);
+        });
+      }
+
+      setTimeout(() => {
+        document.documentElement.removeAttribute('style');
+      }, 1000);
+    };
+
+    if (hasEntered || hasEnteredReducedMotion) {
+      restoreScroll();
+      document.getElementById('MainContent').focus();
+    }
+  }, [asPath, prefersReducedMotion, prevStatus, status]);
+};
diff --git a/src/app/global.css b/src/layouts/App/global.css
similarity index 91%
rename from src/app/global.css
rename to src/layouts/App/global.css
index 70376435..fb637848 100644
--- a/src/app/global.css
+++ b/src/layouts/App/global.css
@@ -9,16 +9,15 @@
 @custom-media --mediaNoTouch (pointer: fine);
 
 body {
-  color-scheme: dark light;
   font-family: var(--fontStack);
   font-weight: var(--fontWeightRegular);
-  background: rgb(var(--rgbBackground));
+  background-color: rgb(var(--rgbBackground));
   color: var(--colorTextBody);
   width: 100vw;
   overflow-x: hidden;
 }
 
-code {
+:where(code, pre) {
   font-family: var(--monoFontStack);
 }
 
diff --git a/src/app/reducer.js b/src/layouts/App/reducer.js
similarity index 100%
rename from src/app/reducer.js
rename to src/layouts/App/reducer.js
diff --git a/src/app/reset.css b/src/layouts/App/reset.css
similarity index 83%
rename from src/app/reset.css
rename to src/layouts/App/reset.css
index afd77ffc..ec57d437 100644
--- a/src/app/reset.css
+++ b/src/layouts/App/reset.css
@@ -1,17 +1,25 @@
 body {
+  color-scheme: dark light;
   border: 0;
   margin: 0;
-  box-sizing: border-box;
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
 }
 
+:where(html, body, #__next) {
+  width: 100%;
+}
+
 *,
 *::before,
 *::after {
-  box-sizing: inherit;
+  box-sizing: border-box;
+}
+
+* {
+  margin: 0;
 }
 
 :where(h1, h2, h3, h4, h5, h6, p) {
@@ -28,6 +36,10 @@ body {
   appearance: none;
 }
 
+:where(svg, img, picture, video, iframe) {
+  display: block;
+}
+
 :focus {
   outline: 4px solid rgb(var(--rgbText));
   outline-offset: 4px;
@@ -40,12 +52,3 @@ body {
 a {
   text-decoration: none;
 }
-
-ul {
-  margin: 0;
-  padding-left: 1em;
-}
-
-#root {
-  width: 100%;
-}
diff --git a/src/pages/Home/DisplacementSphere.js b/src/layouts/Home/DisplacementSphere.js
similarity index 98%
rename from src/pages/Home/DisplacementSphere.js
rename to src/layouts/Home/DisplacementSphere.js
index bac13e86..e0e0ac44 100644
--- a/src/pages/Home/DisplacementSphere.js
+++ b/src/layouts/Home/DisplacementSphere.js
@@ -1,5 +1,3 @@
-import './DisplacementSphere.css';
-
 import { useTheme } from 'components/ThemeProvider';
 import { useInViewport, usePrefersReducedMotion, useWindowSize } from 'hooks';
 import { spring, value } from 'popmotion';
@@ -23,6 +21,7 @@ import {
 import { media, rgbToThreeColor } from 'utils/style';
 import { cleanRenderer, cleanScene, removeLights } from 'utils/three';
 import { reflow } from 'utils/transition';
+import styles from './DisplacementSphere.module.css';
 import fragShader from './sphereFragShader';
 import vertShader from './sphereVertShader';
 
@@ -198,7 +197,7 @@ const DisplacementSphere = props => {
       {status => (
         <canvas
           aria-hidden
-          className="displacement-sphere"
+          className={styles.canvas}
           data-status={status}
           ref={canvasRef}
           {...props}
diff --git a/src/pages/Home/DisplacementSphere.css b/src/layouts/Home/DisplacementSphere.module.css
similarity index 91%
rename from src/pages/Home/DisplacementSphere.css
rename to src/layouts/Home/DisplacementSphere.module.css
index e3aa090e..40ac2923 100644
--- a/src/pages/Home/DisplacementSphere.css
+++ b/src/layouts/Home/DisplacementSphere.module.css
@@ -1,4 +1,4 @@
-.displacement-sphere {
+.canvas {
   position: absolute;
   width: 100vw;
   inset: 0;
diff --git a/src/pages/Home/Home.js b/src/layouts/Home/Home.js
similarity index 56%
rename from src/pages/Home/Home.js
rename to src/layouts/Home/Home.js
index d2902e17..3f4383fa 100644
--- a/src/pages/Home/Home.js
+++ b/src/layouts/Home/Home.js
@@ -1,5 +1,3 @@
-import './Home.css';
-
 import gamestackTexture2Large from 'assets/gamestack-list-large.jpg';
 import gamestackTexture2Placeholder from 'assets/gamestack-list-placeholder.jpg';
 import gamestackTexture2 from 'assets/gamestack-list.jpg';
@@ -15,20 +13,17 @@ import sprTextureLarge from 'assets/spr-lesson-builder-dark-large.jpg';
 import sprTexturePlaceholder from 'assets/spr-lesson-builder-dark-placeholder.jpg';
 import sprTexture from 'assets/spr-lesson-builder-dark.jpg';
 import { Footer } from 'components/Footer';
-import { usePrefersReducedMotion, useRouteTransition } from 'hooks';
-import { Intro } from 'pages/Home/Intro';
-import { Profile } from 'pages/Home/Profile';
-import { ProjectSummary } from 'pages/Home/ProjectSummary';
+import { Meta } from 'components/Meta';
+import { Intro } from 'layouts/Home/Intro';
+import { Profile } from 'layouts/Home/Profile';
+import { ProjectSummary } from 'layouts/Home/ProjectSummary';
+import Head from 'next/head';
 import { useEffect, useRef, useState } from 'react';
-import { Helmet } from 'react-helmet';
-import { useLocation } from 'react-router-dom';
+import styles from './Home.module.css';
 
 const disciplines = ['Developer', 'Prototyper', 'Animator', 'Illustrator', 'Modder'];
 
 export const Home = () => {
-  const { status } = useRouteTransition();
-  const { hash, state } = useLocation();
-  const initHash = useRef(true);
   const [visibleSections, setVisibleSections] = useState([]);
   const [scrollIndicatorHidden, setScrollIndicatorHidden] = useState(false);
   const intro = useRef();
@@ -36,7 +31,6 @@ export const Home = () => {
   const projectTwo = useRef();
   const projectThree = useRef();
   const details = useRef();
-  const prefersReducedMotion = usePrefersReducedMotion();
 
   useEffect(() => {
     const revealSections = [intro, projectOne, projectTwo, projectThree, details];
@@ -52,7 +46,7 @@ export const Home = () => {
           }
         });
       },
-      { rootMargin: '0px 0px -10% 0px' }
+      { rootMargin: '0px 0px -10% 0px', threshold: 0.1 }
     );
 
     const indicatorObserver = new IntersectionObserver(
@@ -74,80 +68,17 @@ export const Home = () => {
     };
   }, [visibleSections]);
 
-  useEffect(() => {
-    const hasEntered = status === 'entered';
-    const supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style;
-    let scrollObserver;
-    let scrollTimeout;
-
-    const handleHashchange = (hash, scroll) => {
-      clearTimeout(scrollTimeout);
-      const hashSections = [intro, projectOne, details];
-      const hashString = hash.replace('#', '');
-      const element = hashSections.filter(item => item.current.id === hashString)[0];
-      if (!element) return;
-      const behavior = scroll && !prefersReducedMotion ? 'smooth' : 'instant';
-      const top = element.current.offsetTop;
-
-      scrollObserver = new IntersectionObserver(
-        (entries, observer) => {
-          const [entry] = entries;
-          if (entry.isIntersecting) {
-            scrollTimeout = setTimeout(
-              () => {
-                element.current.focus();
-              },
-              prefersReducedMotion ? 0 : 400
-            );
-            observer.unobserve(entry.target);
-          }
-        },
-        { rootMargin: '-20% 0px -20% 0px' }
-      );
-
-      scrollObserver.observe(element.current);
-
-      if (supportsNativeSmoothScroll) {
-        window.scroll({
-          top,
-          left: 0,
-          behavior,
-        });
-      } else {
-        window.scrollTo(0, top);
-      }
-    };
-
-    if (hash && initHash.current && hasEntered) {
-      handleHashchange(hash, false);
-      initHash.current = false;
-    } else if (!hash && initHash.current && hasEntered) {
-      window.scrollTo(0, 0);
-      initHash.current = false;
-    } else if (hasEntered) {
-      handleHashchange(hash, true);
-    }
-
-    return () => {
-      clearTimeout(scrollTimeout);
-      if (scrollObserver) {
-        scrollObserver.disconnect();
-      }
-    };
-  }, [hash, state, prefersReducedMotion, status]);
-
   return (
-    <div className="home">
-      <Helmet>
-        <title>Hamish Williams | Designer + Developer</title>
-        <meta
-          name="description"
-          content="Portfolio of Hamish Williams – a digital designer working on web &amp; mobile
+    <div className={styles.home}>
+      <Meta
+        title="Designer + Developer"
+        description="Portfolio of Hamish Williams – a digital designer working on web &amp; mobile
           apps with a focus on motion and user experience design."
-        />
-        <link rel="prefetch" href={iphone11} as="fetch" crossorigin="" />
-        <link rel="prefetch" href={macbookPro} as="fetch" crossorigin="" />
-      </Helmet>
+      />
+      <Head>
+        <link rel="prefetch" href={iphone11} as="fetch" />
+        <link rel="prefetch" href={macbookPro} as="fetch" />
+      </Head>
       <Intro
         id="intro"
         sectionRef={intro}
@@ -168,9 +99,9 @@ export const Home = () => {
           alt: 'Smart Sparrow lesson builder',
           textures: [
             {
-              src: sprTexture,
-              srcSet: `${sprTexture} 800w, ${sprTextureLarge} 1440w`,
-              placeholder: sprTexturePlaceholder,
+              src: sprTexture.src,
+              srcSet: `${sprTexture.src} 800w, ${sprTextureLarge.src} 1440w`,
+              placeholder: sprTexturePlaceholder.src,
             },
           ],
         }}
@@ -190,14 +121,14 @@ export const Home = () => {
           alt: 'App login screen',
           textures: [
             {
-              src: gamestackTexture,
-              srcSet: `${gamestackTexture} 254w, ${gamestackTextureLarge} 508w`,
-              placeholder: gamestackTexturePlaceholder,
+              src: gamestackTexture.src,
+              srcSet: `${gamestackTexture.src} 254w, ${gamestackTextureLarge.src} 508w`,
+              placeholder: gamestackTexturePlaceholder.src,
             },
             {
-              src: gamestackTexture2,
-              srcSet: `${gamestackTexture2} 254w, ${gamestackTexture2Large} 508w`,
-              placeholder: gamestackTexture2Placeholder,
+              src: gamestackTexture2.src,
+              srcSet: `${gamestackTexture2.src} 254w, ${gamestackTexture2Large.src} 508w`,
+              placeholder: gamestackTexture2Placeholder.src,
             },
           ],
         }}
@@ -216,9 +147,9 @@ export const Home = () => {
           alt: 'Annotating a biomedical image in the Slice app',
           textures: [
             {
-              src: sliceTexture,
-              srcSet: `${sliceTexture} 980w, ${sliceTextureLarge} 1376w`,
-              placeholder: sliceTexturePlaceholder,
+              src: sliceTexture.src,
+              srcSet: `${sliceTexture.src} 980w, ${sliceTextureLarge.src} 1376w`,
+              placeholder: sliceTexturePlaceholder.src,
             },
           ],
         }}
diff --git a/src/pages/Home/Home.css b/src/layouts/Home/Home.module.css
similarity index 100%
rename from src/pages/Home/Home.css
rename to src/layouts/Home/Home.module.css
diff --git a/src/pages/Home/Intro.js b/src/layouts/Home/Intro.js
similarity index 55%
rename from src/pages/Home/Intro.js
rename to src/layouts/Home/Intro.js
index de338466..ebbe6295 100644
--- a/src/pages/Home/Intro.js
+++ b/src/layouts/Home/Intro.js
@@ -1,24 +1,24 @@
-import './Intro.css';
-
-import { ReactComponent as ArrowDown } from 'assets/arrow-down.svg';
+import ArrowDown from 'assets/arrow-down.svg';
 import { DecoderText } from 'components/DecoderText';
 import { Heading } from 'components/Heading';
 import { Section } from 'components/Section';
 import { useTheme } from 'components/ThemeProvider';
 import { tokens } from 'components/ThemeProvider/theme';
 import { VisuallyHidden } from 'components/VisuallyHidden';
-import { useInterval, usePrevious } from 'hooks';
-import { Fragment, Suspense, lazy, useEffect, useState } from 'react';
-import { Link as RouterLink } from 'react-router-dom';
+import { useInterval, usePrevious, useRouteTransition } from 'hooks';
+import dynamic from 'next/dynamic';
+import RouterLink from 'next/link';
+import { Fragment, useEffect, useState } from 'react';
 import { Transition, TransitionGroup } from 'react-transition-group';
-import { prerender } from 'utils/prerender';
 import { cssProps } from 'utils/style';
 import { reflow } from 'utils/transition';
+import styles from './Intro.module.css';
 
-const DisplacementSphere = lazy(() => import('pages/Home/DisplacementSphere'));
+const DisplacementSphere = dynamic(() => import('layouts/Home/DisplacementSphere'));
 
 export function Intro({ id, sectionRef, disciplines, scrollIndicatorHidden, ...rest }) {
   const theme = useTheme();
+  const { status: pageStatus } = useRouteTransition();
   const [disciplineIndex, setDisciplineIndex] = useState(0);
   const prevTheme = usePrevious(theme);
   const introLabel = [disciplines.slice(0, -1).join(', '), disciplines.slice(-1)[0]].join(
@@ -46,7 +46,7 @@ export function Intro({ id, sectionRef, disciplines, scrollIndicatorHidden, ...r
 
   return (
     <Section
-      className="intro"
+      className={styles.intro}
       as="section"
       ref={sectionRef}
       id={id}
@@ -54,41 +54,29 @@ export function Intro({ id, sectionRef, disciplines, scrollIndicatorHidden, ...r
       tabIndex={-1}
       {...rest}
     >
-      <Transition
-        key={theme.themeId}
-        appear={!prerender}
-        in={!prerender}
-        timeout={3000}
-        onEnter={reflow}
-      >
+      <Transition appear in key={theme.themeId} timeout={3000} onEnter={reflow}>
         {status => (
           <Fragment>
-            {!prerender && (
-              <Suspense fallback={null}>
-                <DisplacementSphere />
-              </Suspense>
-            )}
-            <header className="intro__text">
-              <h1 className="intro__name" data-status={status} id={titleId}>
-                <DecoderText text="Hamish Williams" start={!prerender} delay={300} />
+            <DisplacementSphere />
+            <header className={styles.text}>
+              <h1 className={styles.name} data-status={status} id={titleId}>
+                <DecoderText text="Hamish Williams" delay={300} />
               </h1>
-              <Heading level={0} as="h2" className="intro__title">
-                <VisuallyHidden className="intro__title-label">{`Designer + ${introLabel}`}</VisuallyHidden>
-                <span aria-hidden className="intro__title-row" data-hidden={prerender}>
+              <Heading level={0} as="h2" className={styles.title}>
+                <VisuallyHidden
+                  className={styles.label}
+                >{`Designer + ${introLabel}`}</VisuallyHidden>
+                <span aria-hidden className={styles.row}>
                   <span
-                    className="intro__title-word"
+                    className={styles.word}
                     data-status={status}
                     style={cssProps({ delay: tokens.base.durationXS })}
                   >
                     Designer
                   </span>
-                  <span className="intro__title-line" data-status={status} />
+                  <span className={styles.line} data-status={status} />
                 </span>
-                <TransitionGroup
-                  className="intro__title-row"
-                  data-hidden={prerender}
-                  component="span"
-                >
+                <TransitionGroup className={styles.row} component="span">
                   {currentDisciplines.map(item => (
                     <Transition
                       appear
@@ -99,7 +87,7 @@ export function Intro({ id, sectionRef, disciplines, scrollIndicatorHidden, ...r
                       {wordStatus => (
                         <span
                           aria-hidden
-                          className="intro__title-word"
+                          className={styles.word}
                           data-plus={true}
                           data-status={wordStatus}
                           style={cssProps({ delay: tokens.base.durationL })}
@@ -112,22 +100,24 @@ export function Intro({ id, sectionRef, disciplines, scrollIndicatorHidden, ...r
                 </TransitionGroup>
               </Heading>
             </header>
-            <RouterLink
-              to="/#project-1"
-              className="intro__scroll-indicator"
-              data-status={status}
-              data-hidden={scrollIndicatorHidden}
-            >
-              <VisuallyHidden>Scroll to projects</VisuallyHidden>
+            <RouterLink href="/#project-1">
+              <a
+                className={styles.scrollIndicator}
+                data-status={status}
+                data-hidden={scrollIndicatorHidden || pageStatus !== 'entered'}
+              >
+                <VisuallyHidden>Scroll to projects</VisuallyHidden>
+              </a>
             </RouterLink>
-            <RouterLink
-              to="/#project-1"
-              className="intro__mobile-scroll-indicator"
-              data-status={status}
-              data-hidden={scrollIndicatorHidden}
-            >
-              <VisuallyHidden>Scroll to projects</VisuallyHidden>
-              <ArrowDown aria-hidden />
+            <RouterLink href="/#project-1">
+              <a
+                className={styles.mobileScrollIndicator}
+                data-status={status}
+                data-hidden={scrollIndicatorHidden || pageStatus !== 'entered'}
+              >
+                <VisuallyHidden>Scroll to projects</VisuallyHidden>
+                <ArrowDown aria-hidden />
+              </a>
             </RouterLink>
           </Fragment>
         )}
diff --git a/src/pages/Home/Intro.css b/src/layouts/Home/Intro.module.css
similarity index 95%
rename from src/pages/Home/Intro.css
rename to src/layouts/Home/Intro.module.css
index f2e89b90..135fafb6 100644
--- a/src/pages/Home/Intro.css
+++ b/src/layouts/Home/Intro.module.css
@@ -4,10 +4,9 @@
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  outline: none;
 }
 
-.intro__text {
+.text {
   max-width: 1024px;
   width: 100%;
   position: relative;
@@ -44,7 +43,7 @@
   }
 }
 
-.intro__name {
+.name {
   text-transform: uppercase;
   font-size: calc((24 / 16) * 1rem);
   letter-spacing: 0.3em;
@@ -85,16 +84,16 @@
     }
   }
 
-  &[data-status='entering'] {
+  &[data-status='entering']:global {
     animation: fade-in var(--durationL) ease 0.2s forwards;
   }
 
-  &[data-status='entered'] {
+  &[data-status='entered']:global {
     animation: fade-in var(--durationL) ease 0.2s forwards;
   }
 }
 
-.intro__title {
+.title {
   display: flex;
   flex-direction: column;
   font-size: calc((140 / 16) * 1rem);
@@ -131,7 +130,7 @@
   }
 }
 
-.intro__title-row {
+.row {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -182,7 +181,7 @@
   }
 }
 
-.intro__title-word {
+.word {
   position: relative;
   display: flex;
   align-items: center;
@@ -258,7 +257,7 @@
   }
 }
 
-.intro__title-line {
+.line {
   content: '';
   height: 2px;
   background: rgb(var(--rgbText) / 0.3);
@@ -273,7 +272,9 @@
   opacity: 0;
 
   &[data-status='entering'] {
-    animation-name: fade-in;
+    &:global {
+      animation-name: fade-in;
+    }
 
     @media (--mediaUseMotion) {
       & {
@@ -305,7 +306,7 @@
   }
 }
 
-.intro__scroll-indicator {
+.scrollIndicator {
   border: 2px solid rgb(var(--rgbText) / 0.4);
   border-radius: 20px;
   width: 26px;
@@ -358,6 +359,10 @@
       display: none;
     }
   }
+
+  &:focus {
+    opacity: 1;
+  }
 }
 
 @keyframes intro-mobile-scroll-indicator {
@@ -374,7 +379,7 @@
   }
 }
 
-.intro__mobile-scroll-indicator {
+.mobileScrollIndicator {
   position: fixed;
   bottom: 0;
   opacity: 0;
@@ -407,8 +412,12 @@
       display: none;
     }
   }
-}
 
-.intro__mobile-scroll-indicator svg {
-  stroke: rgb(var(--rgbText) / 0.5);
+  & svg {
+    stroke: rgb(var(--rgbText) / 0.5);
+  }
+
+  &:focus {
+    opacity: 1;
+  }
 }
diff --git a/src/pages/Home/Profile.js b/src/layouts/Home/Profile.js
similarity index 68%
rename from src/pages/Home/Profile.js
rename to src/layouts/Home/Profile.js
index 7eb1f55d..0e2cd85c 100644
--- a/src/pages/Home/Profile.js
+++ b/src/layouts/Home/Profile.js
@@ -1,9 +1,7 @@
-import './Profile.css';
-
-import { ReactComponent as KatakanaProfile } from 'assets/katakana-profile.svg';
-import ProfileImgLarge from 'assets/profile-large.jpg';
-import ProfileImgPlaceholder from 'assets/profile-placeholder.jpg';
-import ProfileImg from 'assets/profile.jpg';
+import KatakanaProfile from 'assets/katakana-profile.svg';
+import profileImgLarge from 'assets/profile-large.jpg';
+import profileImgPlaceholder from 'assets/profile-placeholder.jpg';
+import profileImg from 'assets/profile.jpg';
 import { Button } from 'components/Button';
 import { DecoderText } from 'components/DecoderText';
 import { Divider } from 'components/Divider';
@@ -16,20 +14,21 @@ import { Fragment } from 'react';
 import { Transition } from 'react-transition-group';
 import { media } from 'utils/style';
 import { reflow } from 'utils/transition';
+import styles from './Profile.module.css';
 
 const ProfileText = ({ status, titleId }) => (
   <Fragment>
-    <Heading className="profile__title" data-status={status} level={3} id={titleId}>
+    <Heading className={styles.title} data-status={status} level={3} id={titleId}>
       <DecoderText text="Hi there" start={status !== 'exited'} delay={500} />
     </Heading>
-    <Text className="profile__description" data-status={status} size="l">
+    <Text className={styles.description} data-status={status} size="l">
       I’m Hamish, currently I live in Sydney working as a senior product designer at{' '}
       <Link href="https://www.qwilr.com">Qwilr</Link>. My projects include UX design, UI
       animations, and icon illustration. Being comfortable with code allows me to rapidly
-      prototype and validate experiences. If you're interested in the tools and software I
+      prototype and validate experiences. If you’re interested in the tools and software I
       use check out my <Link href="/uses">uses page</Link>.
     </Text>
-    <Text className="profile__description" data-status={status} size="l">
+    <Text className={styles.description} data-status={status} size="l">
       In my spare time I like to practice Brazilian Jiu Jitsu, play video games, and{' '}
       <Link href="/projects/volkihar-knight">make mods</Link>. I’m always down for hearing
       about new projects, so feel free to drop me a line.
@@ -42,7 +41,7 @@ export const Profile = ({ id, visible, sectionRef }) => {
 
   return (
     <Section
-      className="profile"
+      className={styles.profile}
       as="section"
       id={id}
       ref={sectionRef}
@@ -51,12 +50,12 @@ export const Profile = ({ id, visible, sectionRef }) => {
     >
       <Transition in={visible} timeout={0} onEnter={reflow}>
         {status => (
-          <div className="profile__content">
-            <div className="profile__column">
+          <div className={styles.content}>
+            <div className={styles.column}>
               <ProfileText status={status} titleId={titleId} />
               <Button
                 secondary
-                className="profile__button"
+                className={styles.button}
                 data-status={status}
                 href="/contact"
                 icon="send"
@@ -64,28 +63,29 @@ export const Profile = ({ id, visible, sectionRef }) => {
                 Send me a message
               </Button>
             </div>
-            <div className="profile__column">
-              <div className="profile__tag" aria-hidden>
+            <div className={styles.column}>
+              <div className={styles.tag} aria-hidden>
                 <Divider
                   notchWidth="64px"
                   notchHeight="8px"
                   collapsed={status !== 'entered'}
                   collapseDelay={1000}
                 />
-                <div className="profile__tag-text" data-status={status}>
+                <div className={styles.tagText} data-status={status}>
                   About Me
                 </div>
               </div>
-              <div className="profile__image-wrapper">
+              <div className={styles.image}>
                 <Image
                   reveal
                   delay={100}
-                  placeholder={ProfileImgPlaceholder}
-                  srcSet={`${ProfileImg} 480w, ${ProfileImgLarge} 960w`}
+                  placeholder={profileImgPlaceholder}
+                  src={profileImg}
+                  srcSet={`${profileImg.src} 480w, ${profileImgLarge.src} 960w`}
                   sizes={`(max-width: ${media.mobile}px) 100vw, 480px`}
                   alt="Me standing in front of the Torii on Miyajima, an island off the coast of Hiroshima in Japan"
                 />
-                <KatakanaProfile className="profile__svg" data-status={status} />
+                <KatakanaProfile className={styles.svg} data-status={status} />
               </div>
             </div>
           </div>
diff --git a/src/pages/Home/Profile.css b/src/layouts/Home/Profile.module.css
similarity index 92%
rename from src/pages/Home/Profile.css
rename to src/layouts/Home/Profile.module.css
index e8e03915..468d3fa0 100644
--- a/src/pages/Home/Profile.css
+++ b/src/layouts/Home/Profile.module.css
@@ -44,7 +44,7 @@
   }
 }
 
-.profile__content {
+.content {
   display: grid;
   grid-template-columns: 1fr 50%;
   grid-column-gap: var(--space2XL);
@@ -59,7 +59,7 @@
   }
 }
 
-.profile__column {
+.column {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -68,7 +68,7 @@
   transform: translate3d(0, 0, 0);
 }
 
-.profile__title {
+.title {
   white-space: nowrap;
   margin-bottom: var(--spaceL);
   opacity: 0;
@@ -79,7 +79,7 @@
   }
 }
 
-.profile__description {
+.description {
   margin-bottom: var(--spaceXL);
   opacity: 0;
   transition: opacity var(--durationXL) ease var(--durationL);
@@ -89,7 +89,7 @@
   }
 }
 
-.profile__tag {
+.tag {
   margin-top: 220px;
   margin-bottom: 40px;
   display: grid;
@@ -104,7 +104,7 @@
   }
 }
 
-.profile__tag-text {
+.tagText {
   font-size: var(--fontSizeBodyS);
   font-weight: var(--fontWeightMedium);
   color: rgb(var(--rgbPrimary));
@@ -127,12 +127,12 @@
   }
 }
 
-.profile__image-wrapper {
+.image {
   position: relative;
   width: 100%;
 }
 
-.profile__svg {
+.svg {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -148,11 +148,7 @@
   }
 }
 
-.profile__svg--entered {
-  opacity: 1;
-}
-
-.profile__button {
+.button {
   opacity: 0;
   transition: opacity var(--durationXL) ease var(--durationL);
 
diff --git a/src/pages/Home/ProjectSummary.js b/src/layouts/Home/ProjectSummary.js
similarity index 83%
rename from src/pages/Home/ProjectSummary.js
rename to src/layouts/Home/ProjectSummary.js
index 77cb4581..e34a1bf1 100644
--- a/src/pages/Home/ProjectSummary.js
+++ b/src/layouts/Home/ProjectSummary.js
@@ -1,6 +1,4 @@
-import './ProjectSummary.css';
-
-import { ReactComponent as KatakanaProject } from 'assets/katakana-project.svg';
+import KatakanaProject from 'assets/katakana-project.svg';
 import { Button } from 'components/Button';
 import { Divider } from 'components/Divider';
 import { Heading } from 'components/Heading';
@@ -13,6 +11,7 @@ import { useWindowSize } from 'hooks';
 import { Transition } from 'react-transition-group';
 import { cssProps, media } from 'utils/style';
 import { isVisible, reflow } from 'utils/transition';
+import styles from './ProjectSummary.module.css';
 
 export const ProjectSummary = ({
   id,
@@ -37,31 +36,31 @@ export const ProjectSummary = ({
   const laptopSizes = `(max-width: ${media.tablet}px) 80vw, 40vw`;
 
   const renderDetails = status => (
-    <div className="project-summary__details">
-      <div aria-hidden className="project-summary__index">
+    <div className={styles.details}>
+      <div aria-hidden className={styles.index}>
         <Divider
           notchWidth="64px"
           notchHeight="8px"
           collapsed={status !== 'entered'}
           collapseDelay={1000}
         />
-        <span className="project-summary__index-number" data-status={status}>
+        <span className={styles.indexNumber} data-status={status}>
           {indexText}
         </span>
       </div>
       <Heading
         level={3}
         as="h2"
-        className="project-summary__title"
+        className={styles.title}
         data-status={status}
         id={titleId}
       >
         {title}
       </Heading>
-      <Text className="project-summary__description" data-status={status}>
+      <Text className={styles.description} data-status={status}>
         {description}
       </Text>
-      <div className="project-summary__button" data-status={status}>
+      <div className={styles.button} data-status={status}>
         <Button iconHoverShift href={buttonLink} iconEnd="arrowRight">
           {buttonText}
         </Button>
@@ -70,18 +69,18 @@ export const ProjectSummary = ({
   );
 
   const renderPreview = status => (
-    <div className="project-summary__preview">
+    <div className={styles.preview}>
       {model.type === 'laptop' && (
         <>
           <KatakanaProject
-            className="project-summary__svg"
+            className={styles.svg}
             style={cssProps({ opacity: svgOpacity })}
             data-device="laptop"
             data-status={status}
             data-light={theme.themeId === 'light'}
           />
           <Model
-            className="project-summary__model"
+            className={styles.model}
             data-device="laptop"
             alt={model.alt}
             cameraPosition={{ x: 0, y: 0, z: 8 }}
@@ -105,11 +104,11 @@ export const ProjectSummary = ({
             data-status={status}
             data-light={theme.themeId === 'light'}
             style={cssProps({ opacity: svgOpacity })}
-            className="project-summary__svg"
+            className={styles.svg}
             data-device="phone"
           />
           <Model
-            className="project-summary__model"
+            className={styles.model}
             data-device="phone"
             alt={model.alt}
             cameraPosition={{ x: 0, y: 0, z: 11.5 }}
@@ -141,9 +140,9 @@ export const ProjectSummary = ({
 
   return (
     <Section
-      className="project-summary"
+      className={styles.summary}
       data-alternate={alternate}
-      data-first={index === '01'}
+      data-first={index === 1}
       as="section"
       aria-labelledby={titleId}
       ref={sectionRef}
@@ -151,7 +150,7 @@ export const ProjectSummary = ({
       tabIndex={-1}
       {...rest}
     >
-      <div className="project-summary__content">
+      <div className={styles.content}>
         <Transition in={visible} timeout={0} onEnter={reflow}>
           {status => (
             <>
diff --git a/src/pages/Home/ProjectSummary.css b/src/layouts/Home/ProjectSummary.module.css
similarity index 88%
rename from src/pages/Home/ProjectSummary.css
rename to src/layouts/Home/ProjectSummary.module.css
index 61012d7c..7f410954 100644
--- a/src/pages/Home/ProjectSummary.css
+++ b/src/layouts/Home/ProjectSummary.module.css
@@ -1,4 +1,4 @@
-.project-summary {
+.summary {
   height: 100vh;
   width: 100%;
   max-height: 1080px;
@@ -8,7 +8,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  outline: none;
 
   @media (--mediaDesktop) {
     & {
@@ -29,19 +28,19 @@
       margin-bottom: 0;
     }
   }
-}
 
-.project-summary--first {
-  margin-top: 0;
+  &[data-first='true'] {
+    margin-top: 0;
 
-  @media (--mediaTablet) {
-    & {
-      margin-top: 0;
+    @media (--mediaTablet) {
+      & {
+        margin-top: 0;
+      }
     }
   }
 }
 
-.project-summary__content {
+.content {
   width: 100%;
   max-width: var(--maxWidthL);
   align-items: center;
@@ -50,23 +49,25 @@
   grid-template-columns: 40% 1fr;
   grid-column-gap: var(--space2XL);
 
-  @nest .project-summary[data-alternate='true'] & {
+  @nest .summary[data-alternate='true'] & {
     grid-template-columns: 1fr 40%;
   }
 
   @media (--mediaLaptop) {
+    @nest .summary[data-alternate='true'] & {
+      grid-template-columns: 1fr 45%;
+    }
+
     & {
-      grid-template-columns: 1fr 1fr;
+      grid-template-columns: 45% 1fr;
     }
   }
 
   @media (--mediaTablet) {
-    @nest .project-summary[data-alternate='true'] & {
+    @nest .summary[data-alternate='true'] & {
       grid-template-columns: 100%;
     }
-  }
 
-  @media (--mediaTablet) {
     & {
       grid-template-columns: 100%;
       flex-direction: column-reverse;
@@ -75,7 +76,7 @@
   }
 }
 
-.project-summary__details {
+.details {
   z-index: 1;
   position: relative;
 
@@ -90,8 +91,7 @@
   }
 }
 
-.project-summary__preview {
-  flex: 0 1 auto;
+.preview {
   position: relative;
   display: flex;
   align-items: center;
@@ -101,7 +101,7 @@
   width: 100%;
 }
 
-.project-summary__model {
+.model {
   --width: 180%;
   --aspectRatio: 12 / 10;
 
@@ -153,7 +153,7 @@
   }
 }
 
-.project-summary__svg {
+.svg {
   opacity: 0;
   transition: opacity 1200ms ease 1400ms;
   fill: var(--colorTextTitle);
@@ -200,7 +200,7 @@
   }
 }
 
-.project-summary__index {
+.index {
   position: relative;
   display: grid;
   grid-template-columns: 90px 1fr;
@@ -209,7 +209,7 @@
   margin-bottom: var(--spaceXL);
 }
 
-.project-summary__index-number {
+.indexNumber {
   font-size: var(--fontSizeBodyS);
   font-weight: var(--fontWeightMedium);
   color: rgb(var(--rgbPrimary));
@@ -232,7 +232,7 @@
   }
 }
 
-.project-summary__title {
+.title {
   margin-bottom: var(--spaceL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -253,7 +253,7 @@
   }
 }
 
-.project-summary__description {
+.description {
   margin-bottom: var(--spaceXL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -274,7 +274,7 @@
   }
 }
 
-.project-summary__button {
+.button {
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
   transition-duration: var(--durationXL);
diff --git a/src/pages/Home/sphereFragShader.js b/src/layouts/Home/sphereFragShader.js
similarity index 100%
rename from src/pages/Home/sphereFragShader.js
rename to src/layouts/Home/sphereFragShader.js
diff --git a/src/pages/Home/sphereVertShader.js b/src/layouts/Home/sphereVertShader.js
similarity index 100%
rename from src/pages/Home/sphereVertShader.js
rename to src/layouts/Home/sphereVertShader.js
diff --git a/src/pages/Post/Post.js b/src/layouts/Post/Post.js
similarity index 56%
rename from src/pages/Post/Post.js
rename to src/layouts/Post/Post.js
index d9c0d27f..31e3bc09 100644
--- a/src/pages/Post/Post.js
+++ b/src/layouts/Post/Post.js
@@ -1,26 +1,24 @@
-import './Post.css';
-
-import { ReactComponent as ArrowDown } from 'assets/arrow-down.svg';
+import ArrowDown from 'assets/arrow-down.svg';
 import { Code } from 'components/Code';
 import { Divider } from 'components/Divider';
 import { Footer } from 'components/Footer';
 import { Heading } from 'components/Heading';
 import { Image } from 'components/Image';
 import { Link } from 'components/Link';
+import { Meta } from 'components/Meta';
 import { Section } from 'components/Section';
 import { Text } from 'components/Text';
 import { tokens } from 'components/ThemeProvider/theme';
-import { useScrollRestore, useWindowSize } from 'hooks';
+import { useWindowSize } from 'hooks';
+import RouterLink from 'next/link';
 import { useEffect, useRef, useState } from 'react';
-import { Helmet } from 'react-helmet';
 import { Transition } from 'react-transition-group';
-import { prerender } from 'utils/prerender';
 import { cssProps, msToNum, numToMs } from 'utils/style';
 import { media } from 'utils/style';
 import { reflow } from 'utils/transition';
-import { MDXProvider } from '@mdx-js/react';
+import styles from './Post.module.css';
 
-const PostWrapper = ({
+export const Post = ({
   children,
   title,
   date,
@@ -32,7 +30,6 @@ const PostWrapper = ({
 }) => {
   const windowSize = useWindowSize();
   const contentRef = useRef();
-  useScrollRestore();
 
   const handleScrollIndicatorClick = event => {
     event.preventDefault();
@@ -45,27 +42,19 @@ const PostWrapper = ({
   };
 
   return (
-    <article className="post">
-      <Helmet>
-        <title>{`Articles | ${title}`}</title>
-        <meta name="description" content={description} />
-      </Helmet>
-      <header className="post__header">
-        <div className="post__header-text">
-          <Transition
-            appear
-            in={!prerender}
-            timeout={msToNum(tokens.base.durationM)}
-            onEnter={reflow}
-          >
+    <article className={styles.post}>
+      <Meta title={title} prefix="Articles" description={description} />
+      <header className={styles.header}>
+        <div className={styles.headerText}>
+          <Transition appear in timeout={msToNum(tokens.base.durationM)} onEnter={reflow}>
             {status => (
-              <div className="post__date">
+              <div className={styles.date}>
                 <Divider
                   notchWidth={windowSize.width > media.mobile ? '90px' : '60px'}
                   notchHeight={windowSize.width > media.mobile ? '10px' : '8px'}
                   collapsed={status !== 'entered'}
                 />
-                <span className="post__date-text" data-status={status}>
+                <span className={styles.dateText} data-status={status}>
                   {new Date(date).toLocaleDateString('default', {
                     year: 'numeric',
                     month: 'long',
@@ -74,11 +63,11 @@ const PostWrapper = ({
               </div>
             )}
           </Transition>
-          <Heading level={1} weight="bold" className="post__title" aria-label={title}>
+          <Heading level={1} weight="bold" className={styles.title} aria-label={title}>
             {title.split(' ').map((word, index) => (
-              <span className="post__title-word-wrapper" key={`${word}-${index}`}>
+              <span className={styles.titleWordWrapper} key={`${word}-${index}`}>
                 <span
-                  className="post__title-word"
+                  className={styles.titleWord}
                   style={cssProps({ delay: numToMs(index * 120 + 200) })}
                   index={index}
                 >
@@ -88,29 +77,30 @@ const PostWrapper = ({
               </span>
             ))}
           </Heading>
-          <a
-            className="post__banner-arrow"
-            href="#postContent"
-            aria-label="Scroll to post content"
-            onClick={handleScrollIndicatorClick}
-          >
-            <ArrowDown aria-hidden />
-          </a>
-          <div className="post__banner-read-time">{readTime}</div>
+          <RouterLink href="#postContent">
+            <a
+              className={styles.bannerArrow}
+              aria-label="Scroll to post content"
+              onClick={handleScrollIndicatorClick}
+            >
+              <ArrowDown aria-hidden />
+            </a>
+          </RouterLink>
+          <div className={styles.bannerReadTime}>{readTime}</div>
         </div>
-        <div className="post__banner">
+        <div className={styles.banner}>
           <Image
             reveal
             delay={600}
-            className="post__banner-image"
-            src={banner ? require(`posts/assets/${banner}`).default : undefined}
-            placeholder={require(`posts/assets/${bannerPlaceholder}`).default}
+            className={styles.bannerImage}
+            src={banner ? banner : undefined}
+            placeholder={{ src: bannerPlaceholder }}
             alt={bannerAlt}
           />
         </div>
       </header>
-      <Section className="post__content-wrapper" id="postContent" ref={contentRef}>
-        <div className="post__content">{children}</div>
+      <Section className={styles.contentWrapper} id="postContent" ref={contentRef}>
+        <div className={styles.content}>{children}</div>
       </Section>
       <Footer />
     </article>
@@ -118,13 +108,13 @@ const PostWrapper = ({
 };
 
 const PostHeadingTwo = ({ children, ...rest }) => (
-  <Heading className="post__heading-two" level={3} {...rest}>
+  <Heading className={styles.headingTwo} level={3} {...rest}>
     {children}
   </Heading>
 );
 
 const PostParagraph = ({ children, ...rest }) => (
-  <Text className="post__paragraph" size="l" {...rest}>
+  <Text className={styles.paragraph} size="l" {...rest}>
     {children}
   </Text>
 );
@@ -132,7 +122,7 @@ const PostParagraph = ({ children, ...rest }) => (
 const PostImage = ({ src, alt, ...rest }) => {
   const [size, setSize] = useState();
   const imgRef = useRef();
-  const imgSrc = src.startsWith('http') ? src : require(`posts/assets/${src}`);
+  const imgSrc = src;
 
   useEffect(() => {
     const { width, height } = imgRef.current;
@@ -149,7 +139,7 @@ const PostImage = ({ src, alt, ...rest }) => {
 
   return (
     <img
-      className="post__image"
+      className={styles.image}
       ref={imgRef}
       src={imgSrc}
       onLoad={handleLoad}
@@ -164,27 +154,18 @@ const PostImage = ({ src, alt, ...rest }) => {
 };
 
 const PostCode = ({ children, ...rest }) => (
-  <code className="post__code" {...rest}>
+  <code className={styles.code} {...rest}>
     {children}
   </code>
 );
 
 const PostLink = ({ ...props }) => <Link {...props} />;
 
-export const Post = ({ slug, content: PostContent, ...rest }) => {
-  return (
-    <MDXProvider
-      components={{
-        wrapper: PostWrapper,
-        h2: PostHeadingTwo,
-        p: PostParagraph,
-        img: PostImage,
-        a: PostLink,
-        pre: Code,
-        inlineCode: PostCode,
-      }}
-    >
-      <PostContent slug={slug} {...rest} />
-    </MDXProvider>
-  );
+export const postComponents = {
+  h2: PostHeadingTwo,
+  p: PostParagraph,
+  img: PostImage,
+  a: PostLink,
+  pre: Code,
+  inlineCode: PostCode,
 };
diff --git a/src/layouts/Post/Post.module.css b/src/layouts/Post/Post.module.css
new file mode 100644
index 00000000..e54e049b
--- /dev/null
+++ b/src/layouts/Post/Post.module.css
@@ -0,0 +1,400 @@
+.post {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  --gutter: 80px;
+  --height: 80vh;
+  --offset: 300px;
+
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--gutter);
+  align-items: center;
+  min-height: var(--height);
+  padding-left: var(--offset);
+}
+
+@media (--mediaDesktop) {
+  .header {
+    --gutter: 60px;
+    --offset: 200px;
+  }
+}
+
+@media (--mediaDesktop) {
+  .header {
+    --gutter: 60px;
+    --offset: 160px;
+  }
+}
+
+@media (--mediaLaptop) {
+  .header {
+    --gutter: 40px;
+    --height: 70vh;
+    --offset: 180px;
+  }
+}
+
+@media (--mediaTablet) {
+  .header {
+    --gutter: 20px;
+    --height: 40vh;
+    --offset: 160px;
+  }
+}
+
+@media (max-height: 696px) {
+  .header {
+    --offset: 100px;
+  }
+}
+
+@media (--mediaMobile), (max-width: 820px) and (max-height: 420px) {
+  .header {
+    --height: auto;
+
+    grid-template-columns: 100%;
+    padding-right: 20px;
+    padding-left: 20px;
+  }
+}
+
+.headerText {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  display: flex;
+  justify-self: flex-end;
+  justify-content: center;
+  flex-direction: column;
+  padding: 60px 0 80px;
+  max-width: 800px;
+}
+
+@media (--mediaMobile), (max-width: 820px) and (max-height: 420px) {
+  .headerText {
+    padding: 100px 0 0;
+  }
+}
+
+.date {
+  font-size: 18px;
+  font-weight: var(--fontWeightMedium);
+  margin-bottom: 60px;
+  color: rgb(var(--rgbPrimary));
+  display: grid;
+  grid-template-columns: 140px 1fr;
+  gap: 20px;
+  align-items: center;
+}
+
+@media (--mediaTablet) {
+  .date {
+    margin-bottom: 30px;
+    gap: 10px;
+  }
+}
+
+@media (--mediaMobile) {
+  .date {
+    grid-template-columns: 100px 1fr;
+  }
+}
+
+.dateText {
+  opacity: 0;
+  transform: translate3d(-5%, 0, 0);
+  transition: opacity var(--durationXL) ease,
+    transform var(--durationXL) var(--bezierFastoutSlowin);
+
+  &[data-status='entered'] {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@keyframes post-title-word {
+  from {
+    transform: translate3d(0, 110%, 0);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.titleWordWrapper {
+  overflow: hidden;
+  position: relative;
+  display: inline-flex;
+}
+
+.titleWord {
+  transform: translate3d(0, 110%, 0);
+  animation-name: post-title-word;
+  animation-timing-function: var(--bezierFastoutSlowin);
+  animation-duration: 1.2s;
+  animation-delay: var(--delay);
+  animation-fill-mode: forwards;
+  display: inline-flex;
+
+  @media (--mediaReduceMotion) {
+    & {
+      transform: none;
+    }
+  }
+}
+
+.banner {
+  justify-self: flex-end;
+  width: 100%;
+  height: 100%;
+  z-index: 1024;
+
+  @media (--mediaMobile) {
+    & {
+      min-height: 40vh;
+      z-index: 1;
+    }
+  }
+}
+
+.bannerImage {
+  height: 100%;
+  clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px));
+
+  & img,
+  & video {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+}
+
+@keyframes post-banner-arrow {
+  0% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-10px);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}
+
+.bannerArrow {
+  position: absolute;
+  bottom: 0;
+  left: -10px;
+  padding: 20px;
+  opacity: 0;
+
+  &:global {
+    animation: fade-in 0.6s var(--bezierFastoutSlowin) 1s forwards;
+  }
+
+  @media (--mediaReduceMotion) {
+    & {
+      opacity: 1;
+    }
+  }
+
+  & svg {
+    stroke: rgb(var(--rgbText) / 0.5);
+    animation-name: post-banner-arrow;
+    animation-duration: 1.5s;
+    animation-iteration-count: infinite;
+    transition-timing-function: cubic-bezier(0.8, 0.1, 0.27, 1);
+  }
+
+  @media (--mediaTablet) {
+    & {
+      left: -20px;
+    }
+  }
+
+  @media (--mediaMobile) {
+    & {
+      position: relative;
+      margin-top: 20px;
+      align-self: flex-start;
+    }
+  }
+}
+
+.bannerReadTime {
+  color: var(--colorTextLight);
+  font-size: 16px;
+  position: absolute;
+  bottom: 10px;
+  right: 0;
+  padding: 20px 0;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 60px 1fr;
+  gap: 10px;
+  opacity: 0;
+
+  &:global {
+    animation: fade-in 0.6s var(--bezierFastoutSlowin) 1s forwards;
+  }
+
+  @media (--mediaReduceMotion) {
+    & {
+      opacity: 1;
+    }
+  }
+
+  &::before {
+    content: '';
+    height: 2px;
+    background: rgb(var(--rgbText) / 0.4);
+    display: block;
+  }
+}
+
+.contentWrapper {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: var(--space2XL);
+}
+
+.content {
+  width: 100%;
+  align-self: center;
+  margin-top: 14vh;
+  opacity: 0;
+  display: grid;
+  grid-template-columns: 1fr 100px 800px 100px 1fr;
+
+  &:global {
+    animation: fade-in 1.2s var(--bezierFastoutSlowin) 1s forwards;
+  }
+
+  & > pre {
+    grid-column: 3;
+  }
+
+  @media (--mediaReduceMotion) {
+    & {
+      opacity: 1;
+    }
+  }
+
+  @media (max-width: 1320px) {
+    & {
+      grid-template-columns: 1fr 80px 740px 80px 1fr;
+      margin-top: 80px;
+    }
+  }
+
+  @media (--mediaLaptop) {
+    & {
+      grid-template-columns: 1fr 60px 680px 60px 1fr;
+      margin-top: 80px;
+    }
+  }
+
+  @media (max-width: 1096px) {
+    & {
+      grid-template-columns: 1fr 50px 660px 50px 1fr;
+      margin-top: 80px;
+    }
+  }
+
+  @media (--mediaTablet) {
+    & {
+      grid-template-columns: 100%;
+      margin-top: 70px;
+    }
+
+    & > pre {
+      grid-column: 1;
+    }
+  }
+
+  @media (--mediaMobile) {
+    & {
+      margin-top: 60px;
+    }
+  }
+}
+
+.headingTwo {
+  grid-column: 3;
+
+  @media (--mediaTablet) {
+    & {
+      grid-column: 1;
+    }
+  }
+}
+
+.paragraph {
+  --paraSpace: 26px;
+  --headingSpace: 34px;
+
+  grid-column: 3;
+
+  @nest .headingTwo + & {
+    margin-top: var(--headingSpace);
+  }
+
+  & + & {
+    margin-top: var(--paraSpace);
+  }
+
+  @media (--mediaLaptop) {
+    & {
+      --paraSpace: 20px;
+      --headingSpace: 24px;
+    }
+  }
+
+  @media (--mediaTablet) {
+    & {
+      --headingSpace: 22px;
+
+      grid-column: 1;
+    }
+  }
+
+  @media (--mediaMobile) {
+    & {
+      --paraSpace: 18px;
+      --headingSpace: 22px;
+
+      hyphens: auto;
+    }
+  }
+}
+
+.image {
+  display: block;
+  margin: 40px 0 80px;
+  max-width: 100%;
+  width: 100%;
+  height: auto;
+  grid-column: 2 / span 3;
+
+  @media (--mediaTablet) {
+    & {
+      grid-column: 1;
+      margin: 30px 0 60px;
+    }
+  }
+}
+
+.code {
+  color: var(--colorTextLight);
+  background: rgb(var(--rgbText) / 0.1);
+  padding: 0.1em 0.3em;
+  font-family: var(--monoFontStack);
+}
diff --git a/src/pages/Post/index.js b/src/layouts/Post/index.js
similarity index 100%
rename from src/pages/Post/index.js
rename to src/layouts/Post/index.js
diff --git a/src/components/ProjectLayout/ProjectLayout.js b/src/layouts/Project/Project.js
similarity index 60%
rename from src/components/ProjectLayout/ProjectLayout.js
rename to src/layouts/Project/Project.js
index 3b03999d..ba74d97a 100644
--- a/src/components/ProjectLayout/ProjectLayout.js
+++ b/src/layouts/Project/Project.js
@@ -1,14 +1,14 @@
-import './ProjectLayout.css';
-
 import { Button } from 'components/Button';
 import { Heading } from 'components/Heading';
 import { Image } from 'components/Image';
 import { Section } from 'components/Section';
 import { Text } from 'components/Text';
+import { tokens } from 'components/ThemeProvider/theme';
 import { useParallax } from 'hooks';
 import { forwardRef } from 'react';
-import { prerender } from 'utils/prerender';
-import { classes, cssProps, numToMs } from 'utils/style';
+import { Transition } from 'react-transition-group';
+import { classes, cssProps, msToNum, numToMs } from 'utils/style';
+import styles from './Project.module.css';
 
 const initDelay = 300;
 
@@ -21,24 +21,23 @@ export function ProjectHeader({
   className,
 }) {
   return (
-    <Section className={classes('project__header', className)}>
+    <Section className={classes(styles.header, className)}>
       <div
-        className="project__header-content"
+        className={styles.headerContent}
         style={cssProps({ initDelay: numToMs(initDelay) })}
       >
-        <div className="project__details">
-          <Heading className="project__title" data-entered={!prerender} level={2} as="h1">
+        <div className={styles.details}>
+          <Heading className={styles.title} level={2} as="h1">
             {title}
           </Heading>
-          <Text className="project__description" data-entered={!prerender} size="xl">
+          <Text className={styles.description} size="xl">
             {description}
           </Text>
           {!!url && (
             <Button
               secondary
               iconHoverShift
-              className="project__link-button"
-              data-entered={!prerender}
+              className={styles.linkButton}
               icon="chevronRight"
               href={url}
             >
@@ -47,11 +46,10 @@ export function ProjectHeader({
           )}
         </div>
         {!!roles?.length && (
-          <ul className="project__meta">
+          <ul className={styles.meta}>
             {roles?.map((role, index) => (
               <li
-                className="project__meta-item"
-                data-entered={!prerender}
+                className={styles.metaItem}
                 style={cssProps({ delay: numToMs(initDelay + 300 + index * 140) })}
                 key={role}
               >
@@ -68,7 +66,7 @@ export function ProjectHeader({
 }
 
 export const ProjectContainer = ({ className, ...rest }) => (
-  <article className={classes('project', className)} {...rest} />
+  <article className={classes(styles.project, className)} {...rest} />
 );
 
 export const ProjectSection = forwardRef(
@@ -86,7 +84,7 @@ export const ProjectSection = forwardRef(
     ref
   ) => (
     <section
-      className={classes('project__section', className)}
+      className={classes(styles.section, className)}
       data-light={light}
       data-full-height={fullHeight}
       ref={ref}
@@ -94,41 +92,45 @@ export const ProjectSection = forwardRef(
     >
       {!!backgroundElement && (
         <div
-          className="project__section-background"
+          className={styles.sectionBackground}
           style={cssProps({ opacity: backgroundOverlayOpacity })}
         >
           {backgroundElement}
         </div>
       )}
-      <Section className="project__section-inner" data-first={first}>
+      <Section className={styles.sectionInner} data-first={first}>
         {children}
       </Section>
     </section>
   )
 );
 
-export const ProjectBackground = ({ opacity = 0.7, className, entered, ...rest }) => {
+export const ProjectBackground = ({ opacity = 0.7, className, ...rest }) => {
   const offset = useParallax(0.6);
 
   return (
-    <div className="project__background-image" data-entered={entered}>
-      <div className="project__background-image-element" style={cssProps({ offset })}>
-        <Image alt="" role="presentation" {...rest} />
-      </div>
-      <div className="project__background-scrim" style={cssProps({ opacity })} />
-    </div>
+    <Transition appear in timeout={msToNum(tokens.base.durationM)}>
+      {status => (
+        <div className={classes(styles.backgroundImage, className)} data-status={status}>
+          <div className={styles.backgroundImageElement} style={cssProps({ offset })}>
+            <Image alt="" role="presentation" {...rest} />
+          </div>
+          <div className={styles.backgroundScrim} style={cssProps({ opacity })} />
+        </div>
+      )}
+    </Transition>
   );
 };
 
-export const ProjectImage = ({ className, ...rest }) => (
-  <div className={classes('project__image', className)}>
-    <Image reveal delay={300} {...rest} />
+export const ProjectImage = ({ className, alt, ...rest }) => (
+  <div className={classes(styles.image, className)}>
+    <Image reveal alt={alt} delay={300} {...rest} />
   </div>
 );
 
 export const ProjectSectionContent = ({ className, width = 'l', ...rest }) => (
   <div
-    className={classes('project__section-content', className)}
+    className={classes(styles.sectionContent, className)}
     data-width={width}
     {...rest}
   />
@@ -136,7 +138,7 @@ export const ProjectSectionContent = ({ className, width = 'l', ...rest }) => (
 
 export const ProjectSectionHeading = ({ className, level = 3, as = 'h2', ...rest }) => (
   <Heading
-    className={classes('project__section-heading', className)}
+    className={classes(styles.sectionHeading, className)}
     as={as}
     level={level}
     align="auto"
@@ -145,7 +147,7 @@ export const ProjectSectionHeading = ({ className, level = 3, as = 'h2', ...rest
 );
 
 export const ProjectSectionText = ({ className, ...rest }) => (
-  <Text className={classes('project__section-text', className)} size="l" {...rest} />
+  <Text className={classes(styles.sectionText, className)} size="l" {...rest} />
 );
 
 export const ProjectTextRow = ({
@@ -159,7 +161,7 @@ export const ProjectTextRow = ({
   ...rest
 }) => (
   <div
-    className={classes('project__text-row', className)}
+    className={classes(styles.textRow, className)}
     data-center={center}
     data-stretch={stretch}
     data-center-mobile={centerMobile}
@@ -172,7 +174,7 @@ export const ProjectTextRow = ({
 
 export const ProjectSectionColumns = ({ className, centered, ...rest }) => (
   <ProjectSectionContent
-    className={classes('project__section-columns', className)}
+    className={classes(styles.sectionColumns, className)}
     data-centered={centered}
     {...rest}
   />
diff --git a/src/components/ProjectLayout/ProjectLayout.css b/src/layouts/Project/Project.module.css
similarity index 78%
rename from src/components/ProjectLayout/ProjectLayout.css
rename to src/layouts/Project/Project.module.css
index 5c3b0505..702bf4de 100644
--- a/src/components/ProjectLayout/ProjectLayout.css
+++ b/src/layouts/Project/Project.module.css
@@ -7,7 +7,7 @@
   align-items: center;
 }
 
-.project__section {
+.section {
   width: 100%;
   position: relative;
   display: grid;
@@ -22,27 +22,27 @@
   }
 }
 
-.project__section-inner {
-  --section-padding: calc(var(--space5XL) + var(--space3XL));
+.sectionInner {
+  --sectionPadding: calc(var(--space5XL) + var(--space3XL));
 
   grid-area: 1 / 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding-top: var(--section-padding);
-  padding-bottom: var(--section-padding);
+  padding-top: var(--sectionPadding);
+  padding-bottom: var(--sectionPadding);
   position: relative;
 
   @media (--mediaLaptop) {
     & {
-      --section-padding: var(--space5XL);
+      --sectionPadding: var(--space5XL);
     }
   }
 
   @media (--mediaTablet) {
     & {
-      --section-padding: var(--space3XL);
+      --sectionPadding: var(--space3XL);
 
       height: auto;
     }
@@ -50,7 +50,7 @@
 
   @media (--mediaMobile) {
     & {
-      --section-padding: var(--space2XL);
+      --sectionPadding: var(--space2XL);
     }
   }
 
@@ -59,7 +59,7 @@
   }
 }
 
-.project__section-background {
+.sectionBackground {
   grid-area: 1 / 1;
   display: grid;
   place-content: stretch;
@@ -91,29 +91,30 @@
   }
 }
 
-.project__background-image {
-  --image-height: 800px;
+.backgroundImage {
+  --imageHeight: 800px;
 
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
-  height: var(--image-height);
+  height: var(--imageHeight);
   overflow: hidden;
   opacity: 0;
   transition: opacity 2s ease;
   transform: translateZ(0);
 
-  &[data-entered='true'] {
+  &[data-status='entering'],
+  &[data-status='entered'] {
     opacity: 1;
   }
 }
 
-.project__background-image-element {
+.backgroundImageElement {
   z-index: 0;
   position: absolute;
   inset: 0;
-  height: var(--image-height);
+  height: var(--imageHeight);
   overflow: hidden;
   will-change: transform;
   display: grid;
@@ -131,7 +132,7 @@
   }
 }
 
-.project__background-scrim {
+.backgroundScrim {
   --background1: rgb(var(--rgbBackground) / var(--opacity));
   --background2: rgb(var(--rgbBackground));
 
@@ -143,7 +144,7 @@
   background: linear-gradient(180deg, var(--background1), var(--background2));
 }
 
-.project__header {
+.header {
   padding-top: calc(var(--space5XL) + var(--space3XL));
   padding-bottom: 0;
 
@@ -169,7 +170,7 @@
   }
 }
 
-.project__header-content {
+.headerContent {
   position: relative;
   display: grid;
   grid-template-columns: 1fr 300px;
@@ -209,7 +210,7 @@
   }
 }
 
-.project__details {
+.details {
   position: relative;
 
   &:only-child {
@@ -223,7 +224,7 @@
   }
 }
 
-.project__title {
+.title {
   margin-bottom: 0.5em;
 
   @media (--mediaUseMotion) {
@@ -233,14 +234,12 @@
   }
 
   @media (--mediaUseMotion) {
-    &[data-entered='true'] {
-      animation: project-fade-slide 1.4s var(--bezierFastoutSlowin) var(--initDelay)
-        forwards;
-    }
+    animation: project-fade-slide 1.4s var(--bezierFastoutSlowin) var(--initDelay)
+      forwards;
   }
 }
 
-.project__description {
+.description {
   padding-bottom: var(--spaceL);
 
   @media (--mediaUseMotion) {
@@ -250,14 +249,12 @@
   }
 
   @media (--mediaUseMotion) {
-    &[data-entered='true'] {
-      animation: project-fade-slide 1.4s var(--bezierFastoutSlowin)
-        calc(var(--initDelay) + 100ms) forwards;
-    }
+    animation: project-fade-slide 1.4s var(--bezierFastoutSlowin)
+      calc(var(--initDelay) + 100ms) forwards;
   }
 }
 
-.project__link-button {
+.linkButton {
   padding-left: var(--spaceXS);
 
   @media (--mediaUseMotion) {
@@ -267,21 +264,19 @@
   }
 
   @media (--mediaUseMotion) {
-    &[data-entered='true'] {
-      animation: project-fade-slide 1.4s var(--bezierFastoutSlowin)
-        calc(var(--initDelay) + 200ms) forwards;
-    }
+    animation: project-fade-slide 1.4s var(--bezierFastoutSlowin)
+      calc(var(--initDelay) + 200ms) forwards;
   }
 }
 
-.project__meta {
+.meta {
   list-style-type: none;
   margin: 0;
   padding: 0;
   margin-top: var(--spaceM);
 }
 
-.project__meta-item {
+.metaItem {
   padding: var(--spaceL) 0;
   font-size: var(--fontSizeBodyS);
   font-weight: var(--fontWeightRegular);
@@ -304,26 +299,19 @@
   }
 
   @media (--mediaUseMotion) {
-    &[data-entered='true'] {
-      animation: project-fade-slide 1.5s var(--bezierFastoutSlowin) var(--delay) forwards;
-    }
+    animation: project-fade-slide 1.5s var(--bezierFastoutSlowin) var(--delay) forwards;
   }
 }
 
-.project__image {
+.image {
   position: relative;
-  display: flex;
-  align-items: flex-start;
+  display: grid;
   transform: translate3d(0, 0, 0);
   max-width: 100%;
   width: 100%;
-
-  & .image {
-    width: 100%;
-  }
 }
 
-.project__section-content {
+.sectionContent {
   max-width: var(--maxWidthL);
   width: 100%;
   display: grid;
@@ -348,18 +336,18 @@
   }
 }
 
-.project__section-heading {
+.sectionHeading {
   margin-bottom: 0.6em;
 }
 
-.project__section-text {
+.sectionText {
   & + a,
   & + & {
     margin-top: var(--spaceL);
   }
 }
 
-.project__text-row {
+.textRow {
   align-self: center;
   text-align: left;
   position: relative;
@@ -419,8 +407,9 @@
   }
 }
 
-.project__section-columns {
+.sectionColumns {
   display: grid;
+  align-items: center;
   grid-template-columns: 1fr 1fr;
   gap: var(--space3XL);
   margin: 0;
@@ -434,8 +423,4 @@
       grid-template-columns: 1fr;
     }
   }
-
-  &[data-centered='true'] {
-    align-items: center;
-  }
 }
diff --git a/src/layouts/Project/index.js b/src/layouts/Project/index.js
new file mode 100644
index 00000000..7d089350
--- /dev/null
+++ b/src/layouts/Project/index.js
@@ -0,0 +1 @@
+export * from './Project';
diff --git a/src/pages/404/404.js b/src/pages/404/404.js
index fe581f07..63b38435 100644
--- a/src/pages/404/404.js
+++ b/src/pages/404/404.js
@@ -1,34 +1,38 @@
-import './404.css';
-
-import NotfoundPoster from 'assets/notfound.jpg';
-import Notfound from 'assets/notfound.mp4';
+import notFoundPoster from 'assets/notfound.jpg';
+import notFoundVideo from 'assets/notfound.mp4';
 import { Button } from 'components/Button';
 import { DecoderText } from 'components/DecoderText';
 import { Heading } from 'components/Heading';
+import { Meta } from 'components/Meta';
 import { Text } from 'components/Text';
 import { Fragment } from 'react';
-import { Helmet } from 'react-helmet';
 import { Transition } from 'react-transition-group';
 import { reflow } from 'utils/transition';
+import styles from './404.module.css';
 
 export function Page404() {
   return (
-    <section className="page-404">
-      <Helmet>
-        <title tag="title">404 | Not Found</title>
-        <meta name="description" content="404 page not found. This page doesn't exist" />
-      </Helmet>
+    <section className={styles.page}>
+      <Meta
+        title="404 | Not Found"
+        description="404 page not found. This page doesn't exist"
+      />
       <Transition appear in={true} timeout={0} onEnter={reflow}>
         {status => (
           <Fragment>
-            <div className="page-404__details">
-              <div className="page-404__text">
-                <Heading className="page-404__title" data-status={status} level={0}>
+            <div className={styles.details}>
+              <div className={styles.text}>
+                <Heading
+                  className={styles.title}
+                  data-status={status}
+                  level={0}
+                  weight="bold"
+                >
                   404
                 </Heading>
                 <Heading
                   aria-hidden
-                  className="page-404__subheading"
+                  className={styles.subheading}
                   data-status={status}
                   as="h2"
                   level={3}
@@ -39,14 +43,14 @@ export function Page404() {
                     delay={300}
                   />
                 </Heading>
-                <Text className="page-404__description" data-status={status}>
+                <Text className={styles.description} data-status={status}>
                   This page could not be found. It either doesn’t exist or was deleted. Or
                   perhaps you don’t exist.
                 </Text>
                 <Button
                   secondary
                   iconHoverShift
-                  className="page-404__button"
+                  className={styles.button}
                   data-status={status}
                   href="/"
                   icon="chevronRight"
@@ -56,20 +60,20 @@ export function Page404() {
               </div>
             </div>
 
-            <div className="page-404__video-container" data-status={status}>
+            <div className={styles.videoContainer} data-status={status}>
               <video
                 autoPlay
                 muted
                 loop
                 playsInline
-                className="page-404__video"
+                className={styles.video}
                 data-status={status}
-                poster={NotfoundPoster}
+                poster={notFoundPoster.src}
               >
-                <source src={Notfound} type="video/mp4" />
+                <source src={notFoundVideo} type="video/mp4" />
               </video>
               <a
-                className="page-404__credit"
+                className={styles.credit}
                 data-status={status}
                 href="https://www.imdb.com/title/tt0113568/"
                 target="_blank"
diff --git a/src/pages/404/404.css b/src/pages/404/404.module.css
similarity index 88%
rename from src/pages/404/404.css
rename to src/pages/404/404.module.css
index 11be6113..b833950b 100644
--- a/src/pages/404/404.css
+++ b/src/pages/404/404.module.css
@@ -1,4 +1,4 @@
-.page-404 {
+.page {
   display: grid;
   grid-template-columns: 1fr 1fr;
   height: 100vh;
@@ -45,7 +45,7 @@
   }
 }
 
-.page-404__video-container {
+.videoContainer {
   width: 100%;
   height: 100%;
   overflow: hidden;
@@ -70,23 +70,23 @@
       grid-row: 1;
     }
   }
-}
 
-@media (--mediaUseMotion) {
-  .page-404__video-container--entered::after {
-    animation-name: page-404-video;
+  @media (--mediaUseMotion) {
+    &[data-satus='entered']::after {
+      animation-name: page-404-video;
+    }
   }
 }
 
-.page-404__video {
+.video {
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: relative;
   opacity: 0;
   transition-property: opacity;
-  transition-delay: 1s;
-  transition-duration: var(--durationM);
+  transition-delay: 0.8s;
+  transition-duration: var(--durationXL);
 
   @media (--mediaMobile) {
     & {
@@ -99,17 +99,17 @@
   }
 }
 
-.page-404__credit {
+.credit {
   color: rgb(var(--rgbWhite) / 0.4);
   background: rgb(var(--rgbBlack) / 0.6);
-  padding: var(--spaceXXS) var(--spaceXS);
+  padding: var(--spaceXS) var(--spaceS);
   font-size: var(--fontSizeBodyS);
   position: absolute;
   bottom: var(--spaceS);
   left: var(--spaceS);
   transform: none;
   text-decoration: none;
-  transition: opacity var(--durationM) ease var(--durationM), color var(--durationM) ease;
+  transition: opacity var(--durationM) ease var(--durationXL), color var(--durationM) ease;
   opacity: 0;
 
   &:hover,
@@ -122,7 +122,7 @@
   }
 }
 
-.page-404__details {
+.details {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -136,14 +136,14 @@
   }
 }
 
-.page-404__text {
+.text {
   display: flex;
   flex-direction: column;
   max-width: 480px;
   width: 100%;
 }
 
-.page-404__title {
+.title {
   margin-bottom: var(--spaceM);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -164,7 +164,7 @@
   }
 }
 
-.page-404__subheading {
+.subheading {
   padding-bottom: var(--spaceL);
   text-transform: uppercase;
   letter-spacing: 0.04em;
@@ -197,7 +197,7 @@
   }
 }
 
-.page-404__description {
+.description {
   padding-bottom: var(--spaceL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -218,7 +218,7 @@
   }
 }
 
-.page-404__button {
+.button {
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
   transition-duration: var(--durationXL);
diff --git a/src/pages/404/index.js b/src/pages/404/index.page.js
similarity index 100%
rename from src/pages/404/index.js
rename to src/pages/404/index.page.js
diff --git a/src/pages/Articles/Articles.js b/src/pages/Articles/Articles.js
deleted file mode 100644
index a0298028..00000000
--- a/src/pages/Articles/Articles.js
+++ /dev/null
@@ -1,135 +0,0 @@
-import './Articles.css';
-
-import { Image } from 'components/Image';
-import { Section } from 'components/Section';
-import { useScrollRestore } from 'hooks';
-import { Post } from 'pages/Post';
-import { fetchPosts } from 'posts';
-import {
-  Fragment,
-  Suspense,
-  createContext,
-  lazy,
-  useContext,
-  useEffect,
-  useState,
-} from 'react';
-import { Helmet } from 'react-helmet';
-import { Route, Link as RouterLink, Routes } from 'react-router-dom';
-
-const Page404 = lazy(() => import('pages/404'));
-
-const ArticlesPost = ({
-  slug,
-  title,
-  description,
-  banner,
-  bannerPlaceholder,
-  bannerAlt,
-  date,
-}) => {
-  const [hovered, setHovered] = useState(false);
-
-  const handleMouseEnter = () => {
-    setHovered(true);
-  };
-
-  const handleMouseLeave = () => {
-    setHovered(false);
-  };
-
-  return (
-    <article className="articles__post">
-      <RouterLink
-        className="articles__post-content"
-        to={`/articles/${slug}`}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      >
-        <div className="articles__post-image-wrapper">
-          <Image
-            play={hovered}
-            className="articles__post-image"
-            src={banner ? require(`posts/assets/${banner}`).default : undefined}
-            placeholder={require(`posts/assets/${bannerPlaceholder}`).default}
-            alt={bannerAlt}
-          />
-          <div className="articles__post-image-tag">K256</div>
-        </div>
-        <div className="articles__post-text">
-          <span className="articles__post-date">
-            {new Date(date).toLocaleDateString('default', {
-              year: 'numeric',
-              month: 'long',
-            })}
-          </span>
-          <h2 className="articles__post-title">{title}</h2>
-          <p className="articles__post-description">{description}</p>
-        </div>
-      </RouterLink>
-    </article>
-  );
-};
-
-const ArticlesLayout = () => {
-  const { posts } = useContext(ArticlesContext);
-  useScrollRestore();
-
-  return (
-    <div className="articles">
-      <Helmet>
-        <title>{`Articles | Hamish Williams Designer`}</title>
-        <meta
-          name="description"
-          content="A collection of technical design and development articles."
-        />
-      </Helmet>
-      <Section className="articles__content">
-        <div className="articles__column">
-          {posts.map(({ slug, ...post }, index) => (
-            <Fragment key={slug}>
-              {console.log({ slug })}
-              {index !== 0 && <hr className="articles__divider" />}
-              <ArticlesPost slug={slug} {...post} />
-            </Fragment>
-          ))}
-        </div>
-      </Section>
-    </div>
-  );
-};
-
-const ArticlesContext = createContext({});
-
-export const Articles = () => {
-  const [posts, setPosts] = useState([]);
-
-  useEffect(() => {
-    const grabPosts = async () => {
-      const postData = await Promise.all(fetchPosts);
-      console.log({ postData });
-      setPosts(postData);
-    };
-
-    grabPosts();
-  }, []);
-
-  return (
-    <ArticlesContext.Provider value={{ posts }}>
-      <Suspense>
-        <Routes>
-          <Route path="/" element={<ArticlesLayout />} />
-          {posts?.map(({ slug, ...rest }) => (
-            <Route
-              exact
-              key={slug}
-              path={`/articles/${slug}`}
-              render={() => <Post slug={slug} {...rest} />}
-            />
-          ))}
-          <Route path="*" element={<Page404 />} />
-        </Routes>
-      </Suspense>
-    </ArticlesContext.Provider>
-  );
-};
diff --git a/src/pages/Articles/index.js b/src/pages/Articles/index.js
deleted file mode 100644
index a027d3d8..00000000
--- a/src/pages/Articles/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { Articles as default } from './Articles';
diff --git a/src/pages/Contact/Contact.js b/src/pages/Contact/Contact.js
index 991d7810..7544cc29 100644
--- a/src/pages/Contact/Contact.js
+++ b/src/pages/Contact/Contact.js
@@ -1,21 +1,19 @@
-import './Contact.css';
-
 import { Button } from 'components/Button';
 import { DecoderText } from 'components/DecoderText';
 import { Divider } from 'components/Divider';
 import { Heading } from 'components/Heading';
 import { Icon } from 'components/Icon';
 import { Input } from 'components/Input';
+import { Meta } from 'components/Meta';
 import { Section } from 'components/Section';
 import { Text } from 'components/Text';
 import { tokens } from 'components/ThemeProvider/theme';
-import { useFormInput, useRouteTransition, useScrollRestore } from 'hooks';
+import { useFormInput, useRouteTransition } from 'hooks';
 import { useCallback, useRef, useState } from 'react';
-import { Helmet } from 'react-helmet';
 import { Transition, TransitionGroup } from 'react-transition-group';
-import { prerender } from 'utils/prerender';
 import { cssProps, msToNum, numToMs } from 'utils/style';
 import { isVisible, reflow } from 'utils/transition';
+import styles from './Contact.module.css';
 
 const initDelay = tokens.base.durationS;
 
@@ -51,7 +49,6 @@ export const Contact = () => {
   const [sending, setSending] = useState(false);
   const [complete, setComplete] = useState(false);
   const [statusError, setStatusError] = useState('');
-  useScrollRestore();
 
   const onSubmit = useCallback(
     async event => {
@@ -96,44 +93,34 @@ export const Contact = () => {
   );
 
   return (
-    <Section className="contact" data-status={status}>
-      <Helmet>
-        <title>Contact | Hamish Williams</title>
-        <meta
-          name="description"
-          content="Send me a message if you’re interested in discussing a project or if you just want to say hi"
-        />
-      </Helmet>
+    <Section className={styles.contact} data-status={status}>
+      <Meta
+        title="Contact"
+        description="Send me a message if you’re interested in discussing a project or if you just want to say hi"
+      />
       <TransitionGroup component={null}>
         {!complete && (
           <Transition appear mountOnEnter unmountOnExit timeout={1600} onEnter={reflow}>
             {status => (
-              <form className="contact__form" method="post" onSubmit={onSubmit}>
+              <form className={styles.form} method="post" onSubmit={onSubmit}>
                 <Heading
-                  className="contact__title"
+                  className={styles.title}
                   data-status={status}
-                  data-hidden={prerender}
                   level={3}
                   as="h1"
                   style={getDelay(tokens.base.durationXS, initDelay, 0.3)}
                 >
-                  <DecoderText
-                    text="Say hello"
-                    start={status !== 'exited' && !prerender}
-                    delay={300}
-                  />
+                  <DecoderText text="Say hello" start={status !== 'exited'} delay={300} />
                 </Heading>
                 <Divider
-                  className="contact__divider"
+                  className={styles.divider}
                   data-status={status}
-                  data-hidden={prerender}
                   style={getDelay(tokens.base.durationXS, initDelay, 0.4)}
                 />
                 <Input
                   required
-                  className="contact__input"
+                  className={styles.input}
                   data-status={status}
-                  data-hidden={prerender}
                   style={getDelay(tokens.base.durationXS, initDelay)}
                   autoComplete="email"
                   label="Your Email"
@@ -144,9 +131,8 @@ export const Contact = () => {
                 <Input
                   required
                   multiline
-                  className="contact__input"
+                  className={styles.input}
                   data-status={status}
-                  data-hidden={prerender}
                   style={getDelay(tokens.base.durationS, initDelay)}
                   autoComplete="off"
                   label="Message"
@@ -158,7 +144,7 @@ export const Contact = () => {
                     <Transition timeout={msToNum(tokens.base.durationM)}>
                       {errorStatus => (
                         <div
-                          className="contact__form-error"
+                          className={styles.formError}
                           data-status={errorStatus}
                           style={cssProps({
                             height: isVisible(errorStatus)
@@ -166,9 +152,9 @@ export const Contact = () => {
                               : 0,
                           })}
                         >
-                          <div className="contact__form-error-content" ref={errorRef}>
-                            <div className="contact__form-error-message">
-                              <Icon className="contact__form-error-icon" icon="error" />
+                          <div className={styles.formErrorContent} ref={errorRef}>
+                            <div className={styles.formErrorMessage}>
+                              <Icon className={styles.formErrorIcon} icon="error" />
                               {statusError}
                             </div>
                           </div>
@@ -178,9 +164,8 @@ export const Contact = () => {
                   )}
                 </TransitionGroup>
                 <Button
-                  className="contact__button"
+                  className={styles.button}
                   data-status={status}
-                  data-hidden={prerender}
                   data-sending={sending}
                   style={getDelay(tokens.base.durationM, initDelay)}
                   disabled={sending}
@@ -198,18 +183,18 @@ export const Contact = () => {
         {complete && (
           <Transition appear mountOnEnter unmountOnExit onEnter={reflow} timeout={0}>
             {status => (
-              <div className="contact__complete" aria-live="polite">
+              <div className={styles.complete} aria-live="polite">
                 <Heading
                   level={3}
                   as="h3"
-                  className="contact__complete-title"
+                  className={styles.completeTitle}
                   data-status={status}
                 >
                   Message Sent
                 </Heading>
                 <Text
                   size="l"
-                  className="contact__complete-text"
+                  className={styles.completeText}
                   data-status={status}
                   style={getDelay(tokens.base.durationXS)}
                 >
@@ -218,7 +203,7 @@ export const Contact = () => {
                 <Button
                   secondary
                   iconHoverShift
-                  className="contact__complete-button"
+                  className={styles.completeButton}
                   data-status={status}
                   style={getDelay(tokens.base.durationM)}
                   href="/"
diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
deleted file mode 100644
index 22b11389..00000000
--- a/src/pages/Home/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { Home as default } from './Home';
diff --git a/src/pages/Post/Post.css b/src/pages/Post/Post.css
deleted file mode 100644
index 3a7c5beb..00000000
--- a/src/pages/Post/Post.css
+++ /dev/null
@@ -1,406 +0,0 @@
-.post {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-
-.post__header {
-  --gutter: 80px;
-  --height: 80vh;
-  --offset: 300px;
-
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--gutter);
-  align-items: center;
-  min-height: var(--height);
-  padding-left: var(--offset);
-}
-
-@media (max-width: 2080px) {
-  .post__header {
-    --gutter: 60px;
-    --offset: 200px;
-  }
-}
-
-@media (max-width: 2080px) {
-  .post__header {
-    --gutter: 60px;
-    --offset: 160px;
-  }
-}
-
-@media (max-width: 1680px) {
-  .post__header {
-    --gutter: 40px;
-    --height: 70vh;
-    --offset: 180px;
-  }
-}
-
-@media (max-width: 1024px) {
-  .post__header {
-    --gutter: 20px;
-    --height: 40vh;
-    --offset: 160px;
-  }
-}
-
-@media (max-height: 696px) {
-  .post__header {
-    --offset: 100px;
-  }
-}
-
-@media (max-width: 696px), (max-width: 820px) and (max-height: 420px) {
-  .post__header {
-    --height: auto;
-
-    grid-template-columns: 100%;
-    padding-right: 20px;
-    padding-left: 20px;
-  }
-}
-
-.post__header-text {
-  height: 100%;
-  width: 100%;
-  position: relative;
-  display: flex;
-  justify-self: flex-end;
-  justify-content: center;
-  flex-direction: column;
-  padding: 60px 0 80px;
-  max-width: 800px;
-}
-
-@media (max-width: 696px), (max-width: 820px) and (max-height: 420px) {
-  .post__header-text {
-    padding: 100px 0 0;
-  }
-}
-
-.post__date {
-  font-size: 18px;
-  font-weight: var(--fontWeightMedium);
-  margin-bottom: 60px;
-  color: rgb(var(--rgbPrimary));
-  display: grid;
-  grid-template-columns: 140px 1fr;
-  gap: 20px;
-  align-items: center;
-}
-
-@media (max-width: 1024px) {
-  .post__date {
-    margin-bottom: 30px;
-    gap: 10px;
-  }
-}
-
-@media (max-width: 696px) {
-  .post__date {
-    grid-template-columns: 100px 1fr;
-  }
-}
-
-.post__date-text {
-  opacity: 0;
-  transform: translate3d(-5%, 0, 0);
-  transition: opacity var(--durationXL) ease,
-    transform var(--durationXL) var(--bezierFastoutSlowin);
-
-  &[data-status='entered'] {
-    opacity: 1;
-    transform: none;
-  }
-}
-
-@keyframes post-title-word {
-  from {
-    transform: translate3d(0, 110%, 0);
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.post__title-word-wrapper {
-  overflow: hidden;
-  position: relative;
-  display: inline-flex;
-}
-
-.post__title-word {
-  transform: translate3d(0, 110%, 0);
-  animation-name: post-title-word;
-  animation-timing-function: var(--bezierFastoutSlowin);
-  animation-duration: 1.2s;
-  animation-delay: var(--delay);
-  animation-fill-mode: forwards;
-  display: inline-flex;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .post__title-word {
-    transform: none;
-  }
-}
-
-.post__banner {
-  justify-self: flex-end;
-  width: 100%;
-  height: 100%;
-  z-index: 1024;
-}
-
-@media (max-width: 696px) {
-  .post__banner {
-    min-height: 40vh;
-    z-index: 1;
-  }
-}
-
-.post__banner-image {
-  height: 100%;
-  clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px));
-}
-
-.post__banner-image img,
-.post__banner-image video {
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-}
-
-@keyframes post-banner-arrow {
-  0% {
-    transform: translateY(0);
-  }
-
-  50% {
-    transform: translateY(-10px);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
-}
-
-.post__banner-arrow {
-  position: absolute;
-  bottom: 0;
-  left: -10px;
-  padding: 20px;
-  animation-name: fade-in;
-  animation-timing-function: var(--bezierFastoutSlowin);
-  animation-duration: 0.6s;
-  animation-fill-mode: forwards;
-  animation-delay: 1s;
-  opacity: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .post__banner-arrow {
-    opacity: 1;
-  }
-}
-
-.post__banner-arrow svg {
-  stroke: rgb(var(--rgbText) / 0.5);
-  animation-name: post-banner-arrow;
-  animation-duration: 1.5s;
-  animation-iteration-count: infinite;
-  transition-timing-function: cubic-bezier(0.8, 0.1, 0.27, 1);
-}
-
-@media (max-width: 1024px) {
-  .post__banner-arrow {
-    left: -20px;
-  }
-}
-
-@media (max-width: 696px) {
-  .post__banner-arrow {
-    position: relative;
-    margin-top: 20px;
-    align-self: flex-start;
-  }
-}
-
-.post__banner-read-time {
-  color: var(--colorTextLight);
-  font-size: 16px;
-  position: absolute;
-  bottom: 10px;
-  right: 0;
-  padding: 20px 0;
-  display: grid;
-  align-items: center;
-  grid-template-columns: 60px 1fr;
-  gap: 10px;
-  animation-name: fade-in;
-  animation-timing-function: var(--bezierFastoutSlowin);
-  animation-duration: 0.6s;
-  animation-fill-mode: forwards;
-  animation-delay: 1s;
-  opacity: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .post__banner-read-time {
-    opacity: 1;
-  }
-}
-
-.post__banner-read-time::before {
-  content: '';
-  height: 2px;
-  background: rgb(var(--rgbText) / 0.4);
-  display: block;
-}
-
-.post__content-wrapper {
-  display: flex;
-  flex-direction: column;
-  padding-bottom: var(--space2XL);
-}
-
-.post__content {
-  width: 100%;
-  align-self: center;
-  margin-top: 120px;
-  animation-name: fade-in;
-  animation-timing-function: var(--bezierFastoutSlowin);
-  animation-duration: 1.2s;
-  animation-delay: 1s;
-  animation-fill-mode: forwards;
-  opacity: 0;
-  display: grid;
-  grid-template-columns: 1fr 100px 800px 100px 1fr;
-}
-
-.post__content > pre {
-  grid-column: 3;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .post__content {
-    opacity: 1;
-  }
-}
-
-@media (max-width: 1320px) {
-  .post__content {
-    grid-template-columns: 1fr 80px 740px 80px 1fr;
-    margin-top: 80px;
-  }
-}
-
-@media (max-width: 1680px) {
-  .post__content {
-    grid-template-columns: 1fr 60px 680px 60px 1fr;
-    margin-top: 80px;
-  }
-}
-
-@media (max-width: 1096px) {
-  .post__content {
-    grid-template-columns: 1fr 50px 660px 50px 1fr;
-    margin-top: 80px;
-  }
-}
-
-@media (max-width: 1024px) {
-  .post__content {
-    grid-template-columns: 100%;
-    margin-top: 70px;
-  }
-
-  .post__content > pre {
-    grid-column: 1;
-  }
-}
-
-@media (max-width: 696px) {
-  .post__content {
-    margin-top: 60px;
-  }
-}
-
-.post__heading-two {
-  grid-column: 3;
-}
-
-@media (max-width: 1024px) {
-  .post__heading-two {
-    grid-column: 1;
-  }
-}
-
-.post__paragraph {
-  --para-space: 26px;
-  --heading-space: 34px;
-
-  grid-column: 3;
-}
-
-.post__heading-two + .post__paragraph {
-  margin-top: var(--heading-space);
-}
-
-.post__paragraph + .post__paragraph {
-  margin-top: var(--para-space);
-}
-
-@media (max-width: 1680px) {
-  .post__paragraph {
-    --para-space: 20px;
-    --heading-space: 24px;
-
-    font-size: 20px;
-  }
-}
-
-@media (max-width: 1024px) {
-  .post__paragraph {
-    --heading-space: 22px;
-
-    grid-column: 1;
-  }
-}
-
-@media (max-width: 696px) {
-  .post__paragraph {
-    --para-space: 18px;
-    --heading-space: 22px;
-
-    font-size: 18px;
-    hyphens: auto;
-  }
-}
-
-.post__image {
-  display: block;
-  margin: 80px 0;
-  max-width: 100%;
-  width: 100%;
-  height: auto;
-  grid-column: 2 / span 3;
-}
-
-@media (max-width: 1024px) {
-  .post__image {
-    grid-column: 1;
-    margin: 60px 0;
-  }
-}
-
-.post__code {
-  color: var(--colorTextLight);
-  background: rgb(var(--rgbText) / 0.1);
-  padding: 0.1em 0.3em;
-  font-family: var(--monoFontStack);
-}
diff --git a/src/pages/Uses/Uses.js b/src/pages/Uses/Uses.js
index d8aa2b07..5759c508 100644
--- a/src/pages/Uses/Uses.js
+++ b/src/pages/Uses/Uses.js
@@ -1,9 +1,9 @@
-import './Uses.css';
-
 import usesBackgroundPlaceholder from 'assets/uses-background-placeholder.jpg';
 import usesBackground from 'assets/uses-background.mp4';
 import { Footer } from 'components/Footer';
 import { Link } from 'components/Link';
+import { Meta } from 'components/Meta';
+import { Table, TableCell, TableRow } from 'components/Table';
 import {
   ProjectBackground,
   ProjectContainer,
@@ -13,37 +13,28 @@ import {
   ProjectSectionHeading,
   ProjectSectionText,
   ProjectTextRow,
-} from 'components/ProjectLayout';
-import { Table, TableCell, TableRow } from 'components/Table';
-import { useScrollRestore } from 'hooks';
+} from 'layouts/Project';
 import { Fragment } from 'react';
-import { Helmet } from 'react-helmet';
-import { prerender } from 'utils/prerender';
+import styles from './Uses.module.css';
 
 export const Uses = () => {
-  useScrollRestore();
-
   return (
     <Fragment>
-      <Helmet>
-        <title>Uses | Hamish Williams</title>
-        <meta
-          name="description"
-          content="A list of hardware and software I use to do my thing"
-        />
-      </Helmet>
-      <ProjectContainer className="uses">
+      <Meta
+        title="Uses"
+        description="A list of hardware and software I use to do my thing"
+      />
+      <ProjectContainer className={styles.uses}>
         <ProjectBackground
           src={usesBackground}
           placeholder={usesBackgroundPlaceholder}
           opacity={0.7}
-          entered={!prerender}
         />
         <ProjectHeader
           title="Uses"
           description="A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things. And yeah, that is a Johnny Mnemonic GIF in the background."
         />
-        <ProjectSection first className="uses__section">
+        <ProjectSection first className={styles.section}>
           <ProjectSectionContent>
             <ProjectTextRow width="m">
               <ProjectSectionHeading>Design</ProjectSectionHeading>
@@ -51,19 +42,19 @@ export const Uses = () => {
                 <ul>
                   <li>
                     <Link href="https://www.figma.com">Figma</Link> is my primary tool for
-                    UI design these days. Made the switch from Sketch in 2020 and haven't
+                    UI design these days. Made the switch from Sketch in 2020 and haven’t
                     looked back. I’ve also created{' '}
                     <Link href="https://www.figma.com/@hamish">a few plugins</Link> that
                     you can install.
                   </li>
                   <li>
                     Any motion graphics I create are created in Adobe After Effects. So
-                    far I haven’t found a non-Adobe product that's as good. If anyone has
+                    far I haven’t found a non-Adobe product that’s as good. If anyone has
                     suggestions please <Link href="/contact">message me</Link>.
                   </li>
                   <li>
                     For any 3D models I use{' '}
-                    <Link href="https://www.blender.org/">Blender</Link>. Since 2.8 it's
+                    <Link href="https://www.blender.org/">Blender</Link>. Since 2.8 it’s
                     become way simpler to use and in a lot of ways better than expensive
                     paid tools like 3DS Max or Maya.
                   </li>
@@ -72,7 +63,7 @@ export const Uses = () => {
             </ProjectTextRow>
           </ProjectSectionContent>
         </ProjectSection>
-        <ProjectSection first className="uses__section">
+        <ProjectSection first className={styles.section}>
           <ProjectSectionContent>
             <ProjectTextRow width="m">
               <ProjectSectionHeading>Development</ProjectSectionHeading>
@@ -105,7 +96,7 @@ export const Uses = () => {
                   </li>
                   <li>
                     For Javascript animations I use{' '}
-                    <Link href="https://popmotion.io/api/">Popmotion Pure 8</Link>, it's a
+                    <Link href="https://popmotion.io/api/">Popmotion Pure 8</Link>, it’s a
                     great way to add spring animations to three.js. All other animations
                     are CSS with{' '}
                     <Link href="https://reactcommunity.org/react-transition-group/">
@@ -126,7 +117,7 @@ export const Uses = () => {
             </ProjectTextRow>
           </ProjectSectionContent>
         </ProjectSection>
-        <ProjectSection className="uses__section">
+        <ProjectSection className={styles.section}>
           <ProjectSectionContent>
             <ProjectTextRow stretch width="m">
               <ProjectSectionHeading>Hardware</ProjectSectionHeading>
diff --git a/src/pages/VolkiharKnight/VolkiharKnight.css b/src/pages/VolkiharKnight/VolkiharKnight.css
deleted file mode 100644
index 469b788d..00000000
--- a/src/pages/VolkiharKnight/VolkiharKnight.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.volkihar__text-section {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.volkihar__logo-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 80px;
-  width: 100%;
-  overflow: hidden;
-
-  & svg {
-    max-width: 400px;
-    height: auto;
-  }
-}
-
-.volkihar__background-section {
-  display: grid;
-  grid-template-columns: 100%;
-}
-
-.volkihar__background-section .project__section {
-  grid-column: 1;
-  grid-row: 1;
-}
-
-.volkihar__background-section .project__section-content {
-  padding: var(--space5XL) 0 calc(var(--space5XL) + var(--spaceL));
-
-  @media (--mediaLaptop) {
-    & {
-      padding: var(--space2XL) 0 var(--space4XL);
-    }
-  }
-
-  @media (--mediaTablet) {
-    & {
-      padding: var(--spaceXL) 0 var(--space2XL);
-    }
-  }
-
-  @media (--mediaMobile) {
-    & {
-      padding: var(--spaceL) 0 var(--space2XL);
-    }
-  }
-}
diff --git a/src/pages/_app.page.js b/src/pages/_app.page.js
new file mode 100644
index 00000000..99d07a35
--- /dev/null
+++ b/src/pages/_app.page.js
@@ -0,0 +1,81 @@
+import 'layouts/App/reset.css';
+import 'layouts/App/global.css';
+
+import { Navbar } from 'components/Navbar';
+import { ThemeProvider } from 'components/ThemeProvider';
+import { tokens } from 'components/ThemeProvider/theme';
+import { VisuallyHidden } from 'components/VisuallyHidden';
+import { useLocalStorage } from 'hooks';
+import useFoucFix from 'hooks/useFoucFix';
+import styles from 'layouts/App/App.module.css';
+import { initialState, reducer } from 'layouts/App/reducer';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import { Fragment, createContext, useEffect, useReducer } from 'react';
+import { Transition, TransitionGroup } from 'react-transition-group';
+import { msToNum } from 'utils/style';
+import { reflow } from 'utils/transition';
+import { ScrollRestore } from '../layouts/App/ScrollRestore';
+
+export const AppContext = createContext({});
+export const TransitionContext = createContext({});
+
+const repoPrompt = `
+__  __  __
+\u005C \u005C \u005C \u005C \u005C\u2215\n \u005C \u005C\u2215\u005C \u005C\n  \u005C\u2215  \u005C\u2215
+\n\nTaking a peek huh? Check out the source code: https://github.com/HamishMW/portfolio
+`;
+
+const App = ({ Component, pageProps }) => {
+  const [storedTheme] = useLocalStorage('theme', 'dark');
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const { route } = useRouter();
+  useFoucFix();
+
+  useEffect(() => {
+    console.info(`${repoPrompt}\n\n`);
+  }, []);
+
+  useEffect(() => {
+    dispatch({ type: 'setTheme', value: storedTheme || 'dark' });
+  }, [storedTheme]);
+
+  return (
+    <AppContext.Provider value={{ ...state, dispatch }}>
+      <ThemeProvider themeId={state.theme}>
+        <Fragment>
+          <Head>
+            <link rel="canonical" href={`https://hamishw.com${route}`} />
+          </Head>
+          <VisuallyHidden showOnFocus as="a" className={styles.skip} href="#MainContent">
+            Skip to main content
+          </VisuallyHidden>
+          <Navbar />
+          <TransitionGroup
+            component="main"
+            className={styles.app}
+            tabIndex={-1}
+            id="MainContent"
+          >
+            <Transition
+              key={route}
+              timeout={msToNum(tokens.base.durationS)}
+              onEnter={reflow}
+            >
+              {status => (
+                <TransitionContext.Provider value={{ status }}>
+                  <ScrollRestore />
+                  <div className={styles.page} data-status={status}>
+                    <Component {...pageProps} />
+                  </div>
+                </TransitionContext.Provider>
+              )}
+            </Transition>
+          </TransitionGroup>
+        </Fragment>
+      </ThemeProvider>
+    </AppContext.Provider>
+  );
+};
+
+export default App;
diff --git a/src/pages/_document.page.js b/src/pages/_document.page.js
new file mode 100644
index 00000000..136dbb2c
--- /dev/null
+++ b/src/pages/_document.page.js
@@ -0,0 +1,52 @@
+import GothamBook from 'assets/fonts/gotham-book.woff2';
+import GothamMedium from 'assets/fonts/gotham-medium.woff2';
+import { fontStyles, tokenStyles } from 'components/ThemeProvider';
+import { Head, Html, Main, NextScript } from 'next/document';
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head>
+        <meta charSet="utf-8" />
+
+        <meta name="theme-color" content="#111111" />
+        <meta name="author" content="Hamish Williams" />
+
+        <link rel="manifest" href="/manifest.json" />
+        <link rel="shortcut icon" href="/favicon.svg" />
+        <link rel="apple-touch-icon" href="/icon-256.png" />
+        <link type="text/plain" rel="author" href="/humans.txt" />
+
+        <meta property="og:image" content="https://hamishw.com/social-image.png" />
+        <meta property="og:image:type" content="image/png" />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="549" />
+
+        <meta property="og:title" content="Design portfolio of Hamish Williams" />
+        <meta property="og:site_name" content="hamishw.com" />
+        <meta property="og:url" content="https://hamishw.com" />
+        <meta property="og:description" content="Multidisciplinary product designer" />
+
+        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:description" content="Multidisciplinary product designer" />
+        <meta name="twitter:title" content="Design portfolio of Hamish Williams" />
+        <meta name="twitter:site" content="@hamishMW" />
+        <meta name="twitter:image" content="https://hamishw.com/social-image.png" />
+
+        <link rel="prefetch" href={GothamMedium} as="font" />
+        <link rel="prefetch" href={GothamBook} as="font" />
+        <style dangerouslySetInnerHTML={{ __html: fontStyles }} />
+        <style dangerouslySetInnerHTML={{ __html: tokenStyles }} />
+      </Head>
+      <body data-theme="dark">
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `document.body.dataset.theme = JSON.parse(localStorage.getItem('theme')) || 'dark';`,
+          }}
+        />
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
diff --git a/src/pages/articles/Articles.js b/src/pages/articles/Articles.js
new file mode 100644
index 00000000..96ea47b6
--- /dev/null
+++ b/src/pages/articles/Articles.js
@@ -0,0 +1,80 @@
+import { Image } from 'components/Image';
+import { Meta } from 'components/Meta';
+import { Section } from 'components/Section';
+import RouterLink from 'next/link';
+import { Fragment, useState } from 'react';
+import styles from './Articles.module.css';
+
+const ArticlesPost = ({
+  slug,
+  title,
+  description,
+  banner,
+  bannerPlaceholder,
+  bannerAlt,
+  date,
+}) => {
+  const [hovered, setHovered] = useState(false);
+
+  const handleMouseEnter = () => {
+    setHovered(true);
+  };
+
+  const handleMouseLeave = () => {
+    setHovered(false);
+  };
+
+  return (
+    <article className={styles.post}>
+      <RouterLink href={`/articles/${slug}`}>
+        <a
+          className={styles.postContent}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+        >
+          <div className={styles.postImageWrapper}>
+            <Image
+              play={hovered}
+              className={styles.postImage}
+              src={banner}
+              placeholder={{ src: bannerPlaceholder }}
+              alt={bannerAlt}
+            />
+            <div className={styles.postImageTag}>K256</div>
+          </div>
+          <div className={styles.postText}>
+            <span className={styles.postDate}>
+              {new Date(date).toLocaleDateString('default', {
+                year: 'numeric',
+                month: 'long',
+              })}
+            </span>
+            <h2 className={styles.postTitle}>{title}</h2>
+            <p className={styles.postDescription}>{description}</p>
+          </div>
+        </a>
+      </RouterLink>
+    </article>
+  );
+};
+
+export const Articles = ({ posts }) => {
+  return (
+    <div className={styles.articles}>
+      <Meta
+        title="Articles"
+        description="A collection of technical design and development articles."
+      />
+      <Section className={styles.content}>
+        <div className={styles.column}>
+          {posts.map(({ slug, ...post }, index) => (
+            <Fragment key={slug}>
+              {index !== 0 && <hr className={styles.divider} />}
+              <ArticlesPost slug={slug} {...post} />
+            </Fragment>
+          ))}
+        </div>
+      </Section>
+    </div>
+  );
+};
diff --git a/src/pages/Articles/Articles.css b/src/pages/articles/Articles.module.css
similarity index 60%
rename from src/pages/Articles/Articles.css
rename to src/pages/articles/Articles.module.css
index b016a25c..d7ad63f1 100644
--- a/src/pages/Articles/Articles.css
+++ b/src/pages/articles/Articles.module.css
@@ -4,7 +4,7 @@
   align-items: center;
 }
 
-.articles__content {
+.content {
   max-width: var(--maxWidthL);
   width: 100%;
   display: flex;
@@ -15,13 +15,13 @@
   position: relative;
 }
 
-@media (max-width: 696px) {
-  .articles__content {
+@media (--mediaMobile) {
+  .content {
     padding-top: 100px;
   }
 }
 
-.articles__column {
+.column {
   display: grid;
   grid-template-columns: 100%;
   gap: 80px;
@@ -29,19 +29,19 @@
   width: 100%;
 }
 
-.articles__post {
+.post {
   display: flex;
   justify-content: center;
 }
 
-.articles__divider {
+.divider {
   height: 1px;
   margin: 0;
   border: 0;
   background-color: rgb(var(--rgbText) / 0.1);
 }
 
-.articles__post-content {
+.postContent {
   width: 100%;
   display: grid;
   grid-template-columns: 300px 1fr;
@@ -49,34 +49,34 @@
   gap: 0 40px;
   text-decoration: none;
   transition: background-color var(--durationM) ease;
-}
 
-@media (max-width: 1024px) {
-  .articles__post-content {
-    grid-template-columns: 100%;
-    max-width: 440px;
+  @media (--mediaTablet) {
+    & {
+      grid-template-columns: 100%;
+      max-width: 440px;
+    }
   }
 }
 
-.articles__post-text {
+.postText {
   grid-column: 2;
   padding: 60px 0;
-}
 
-@media (max-width: 1024px) {
-  .articles__post-text {
-    grid-column: 1;
-    padding: 30px 0;
+  @media (--mediaTablet) {
+    & {
+      grid-column: 1;
+      padding: 30px 0;
+    }
   }
 }
 
-.articles__post-date {
+.postDate {
   display: block;
   margin-bottom: 8px;
   color: var(--colorTextLight);
 }
 
-.articles__post-title {
+.postTitle {
   margin: 0;
   font-size: 36px;
   font-weight: var(--fontWeightMedium);
@@ -87,40 +87,40 @@
     100% / 0 2px;
   transition: background-size var(--durationM) var(--bezierFastoutSlowin);
   padding-bottom: 2px;
-}
 
-.articles__post-title:hover,
-.articles__post-title:focus {
-  background: linear-gradient(var(--colorTextBody), var(--colorTextBody)) no-repeat 0 100% /
-    100% 2px;
-}
+  &:hover,
+  &:focus {
+    background: linear-gradient(var(--colorTextBody), var(--colorTextBody)) no-repeat 0
+      100% / 100% 2px;
+  }
 
-@media (max-width: 696px) {
-  .articles__post-title {
-    font-size: 30px;
+  @media (--mediaMobile) {
+    & {
+      font-size: 30px;
+    }
   }
 }
 
-.articles__post-description {
+.postDescription {
   font-size: 20px;
   line-height: 1.5;
   color: var(--colorTextBody);
   margin: 20px 0 0;
-}
 
-@media (max-width: 696px) {
-  .articles__post-description {
-    font-size: 18px;
+  @media (--mediaMobile) {
+    & {
+      font-size: 18px;
+    }
   }
 }
 
-.articles__post-image-wrapper {
+.postImageWrapper {
   position: relative;
   max-height: 300px;
   height: 100%;
 }
 
-.articles__post-image {
+.postImage {
   height: 100%;
   clip-path: polygon(
     0 0,
@@ -133,22 +133,21 @@
     28px 100%,
     0 calc(100% - 28px)
   );
-}
 
-.articles__post-image img,
-.articles__post-image video {
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-  transition: transform 0.5s var(--bezierFastoutSlowin);
-}
+  & img,
+  & video {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+    transition: transform 0.5s var(--bezierFastoutSlowin);
+  }
 
-.articles__post-content:hover .articles__post-image img,
-.articles__post-content:hover .articles__post-image video {
-  transform: scale3d(1.1, 1.1, 1);
+  @nest .postContent:hover & img, .postContent:hover & video {
+    transform: scale3d(1.1, 1.1, 1);
+  }
 }
 
-.articles__post-image-tag {
+.postImageTag {
   position: absolute;
   bottom: -10px;
   left: calc(70% - 60px);
diff --git a/src/pages/articles/[slug].page.js b/src/pages/articles/[slug].page.js
new file mode 100644
index 00000000..e8c8d77f
--- /dev/null
+++ b/src/pages/articles/[slug].page.js
@@ -0,0 +1,50 @@
+import fs from 'fs';
+import path from 'path';
+import matter from 'gray-matter';
+import { Post, postComponents } from 'layouts/Post';
+import { MDXRemote } from 'next-mdx-remote';
+import { serialize } from 'next-mdx-remote/serialize';
+import { POSTS_PATH, postFilePaths } from 'utils/mdx';
+import rehypePrism from '@mapbox/rehype-prism';
+
+export default function PostPage({ frontmatter, code }) {
+  return (
+    <Post {...frontmatter}>
+      <MDXRemote {...code} components={postComponents} />
+    </Post>
+  );
+}
+
+export const getStaticProps = async ({ params }) => {
+  const postFilePath = path.join(POSTS_PATH, `${params.slug}.mdx`);
+  const source = await fs.readFileSync(postFilePath, 'utf-8');
+
+  const { content, data } = matter(source);
+
+  const mdxSource = await serialize(content, {
+    mdxOptions: {
+      remarkPlugins: [],
+      rehypePlugins: [rehypePrism],
+    },
+    scope: data,
+  });
+
+  return {
+    props: {
+      code: mdxSource,
+      frontmatter: data,
+      notFound: process.env.NODE_ENV === 'production', // TODO: Remove this for posts to appear on production
+    },
+  };
+};
+
+export const getStaticPaths = async () => {
+  const paths = postFilePaths
+    .map(filePath => filePath.replace(/\.mdx?$/, ''))
+    .map(slug => ({ params: { slug } }));
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
diff --git a/src/pages/articles/index.page.js b/src/pages/articles/index.page.js
new file mode 100644
index 00000000..73fb2bed
--- /dev/null
+++ b/src/pages/articles/index.page.js
@@ -0,0 +1,23 @@
+import fs from 'fs';
+import path from 'path';
+import matter from 'gray-matter';
+import { POSTS_PATH, postFilePaths } from 'utils/mdx';
+
+export { Articles as default } from './Articles';
+
+export function getStaticProps() {
+  const posts = postFilePaths.map(filePath => {
+    const source = fs.readFileSync(path.join(POSTS_PATH, filePath));
+    const { data } = matter(source);
+
+    return {
+      ...data,
+      slug: filePath.replace(/\.mdx?$/, ''),
+    };
+  });
+
+  return {
+    props: { posts },
+    notFound: process.env.NODE_ENV === 'production', // TODO: Remove this for articles to appear on production
+  };
+}
diff --git a/src/pages/Contact/Contact.css b/src/pages/contact/Contact.module.css
similarity index 89%
rename from src/pages/Contact/Contact.css
rename to src/pages/contact/Contact.module.css
index c557f493..17920e18 100644
--- a/src/pages/Contact/Contact.css
+++ b/src/pages/contact/Contact.module.css
@@ -1,10 +1,10 @@
 .contact {
-  --form-height: 530px;
+  --formHeight: 530px;
 
   position: absolute;
   display: flex;
   justify-content: center;
-  padding-top: calc(50vh - var(--form-height) / 2);
+  padding-top: calc(50vh - var(--formHeight) / 2);
   min-height: 100vh;
   width: 100%;
 
@@ -20,7 +20,7 @@
   }
 }
 
-.contact__form {
+.form {
   max-width: var(--maxWidthS);
   width: 100%;
   padding: var(--space2XL) 0;
@@ -33,7 +33,7 @@
   }
 }
 
-.contact__title {
+.title {
   margin-bottom: var(--space2XL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -65,19 +65,9 @@
       }
     }
   }
-
-  &[data-hidden='true'] {
-    opacity: 0;
-
-    @media (--mediaUseMotion) {
-      & {
-        transform: translate3d(0, var(--space5XL), 0);
-      }
-    }
-  }
 }
 
-.contact__divider {
+.divider {
   margin-bottom: var(--space3XL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -121,7 +111,7 @@
   }
 }
 
-.contact__input {
+.input {
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
   transition-duration: var(--durationXL);
@@ -169,7 +159,7 @@
   }
 }
 
-.contact__button {
+.button {
   margin-top: calc(var(--spaceXL) * 2);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -190,16 +180,6 @@
     transition-duration: var(--durationM);
   }
 
-  &[data-hidden='true'] {
-    opacity: 0;
-
-    @media (--mediaUseMotion) {
-      & {
-        transform: translate3d(0, var(--space3XL), 0);
-      }
-    }
-  }
-
   &[data-sending='true'] {
     & svg {
       transition: transform var(--bezierFastoutSlowin) var(--durationXL),
@@ -217,7 +197,10 @@
 
     & .loader {
       opacity: 0;
-      animation: fade-in var(--durationM) ease var(--durationL) forwards;
+
+      &:global {
+        animation: fade-in var(--durationM) ease var(--durationL) forwards;
+      }
     }
   }
 
@@ -245,7 +228,7 @@
   }
 }
 
-.contact__complete {
+.complete {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -256,7 +239,7 @@
   inset: 0;
 }
 
-.contact__complete-title {
+.completeTitle {
   margin: 0;
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -277,7 +260,7 @@
   }
 }
 
-.contact__complete-text {
+.completeText {
   margin-top: var(--spaceM);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -298,7 +281,7 @@
   }
 }
 
-.contact__complete-button {
+.completeButton {
   margin-top: var(--spaceL);
   transition-property: opacity;
   transition-timing-function: var(--bezierFastoutSlowin);
@@ -322,7 +305,7 @@
   }
 }
 
-.contact__form-error {
+.formError {
   color: rgb(var(--rgbError));
   overflow: hidden;
   height: var(--height);
@@ -336,11 +319,11 @@
   }
 }
 
-.contact__form-error-content {
+.formErrorContent {
   padding-top: var(--spaceXL);
 }
 
-.contact__form-error-message {
+.formErrorMessage {
   display: flex;
   padding: var(--spaceM);
   line-height: 24px;
@@ -348,7 +331,7 @@
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
 }
 
-.contact__form-error-icon {
+.formErrorIcon {
   flex: 0 0 auto;
   margin-right: var(--spaceS);
 }
diff --git a/src/pages/Contact/index.js b/src/pages/contact/index.page.js
similarity index 100%
rename from src/pages/Contact/index.js
rename to src/pages/contact/index.page.js
diff --git a/src/pages/index.page.js b/src/pages/index.page.js
new file mode 100644
index 00000000..ba89772e
--- /dev/null
+++ b/src/pages/index.page.js
@@ -0,0 +1 @@
+export { Home as default } from '../layouts/Home/Home';
diff --git a/src/pages/Slice/Slice.js b/src/pages/projects/slice/Slice.js
similarity index 80%
rename from src/pages/Slice/Slice.js
rename to src/pages/projects/slice/Slice.js
index 3255b4e7..13a83aa9 100644
--- a/src/pages/Slice/Slice.js
+++ b/src/pages/projects/slice/Slice.js
@@ -1,5 +1,3 @@
-import './Slice.css';
-
 import sliceAnnotationLarge from 'assets/slice-annotation-large.png';
 import sliceAnnotationPlaceholder from 'assets/slice-annotation-placeholder.png';
 import sliceAnnotation from 'assets/slice-annotation.png';
@@ -23,6 +21,7 @@ import sliceSlidesPlaceholder from 'assets/slice-slides-placeholder.jpg';
 import sliceSlides from 'assets/slice-slides.jpg';
 import { Footer } from 'components/Footer';
 import { Image } from 'components/Image';
+import { Meta } from 'components/Meta';
 import {
   ProjectBackground,
   ProjectContainer,
@@ -34,12 +33,10 @@ import {
   ProjectSectionHeading,
   ProjectSectionText,
   ProjectTextRow,
-} from 'components/ProjectLayout';
-import { useScrollRestore } from 'hooks';
+} from 'layouts/Project';
 import { Fragment } from 'react';
-import { Helmet } from 'react-helmet';
-import { prerender } from 'utils/prerender';
 import { media } from 'utils/style';
+import styles from './Slice.module.css';
 
 const title = 'Biomedical image collaboration';
 const description =
@@ -47,20 +44,15 @@ const description =
 const roles = ['User Research', 'UX Design', 'Interface Design'];
 
 export const Slice = () => {
-  useScrollRestore();
-
   return (
     <Fragment>
-      <Helmet>
-        <title>{`Projects | ${title}`}</title>
-        <meta name="description" content={description} />
-      </Helmet>
-      <ProjectContainer className="slice">
+      <Meta title={title} prefix="Projects" description={description} />
+      <ProjectContainer className={styles.slice}>
         <ProjectBackground
-          srcSet={`${sliceBackground} 1280w, ${sliceBackgroundLarge} 2560w`}
+          src={sliceBackground}
+          srcSet={`${sliceBackground.src} 1280w, ${sliceBackgroundLarge.src} 2560w`}
           placeholder={sliceBackgroundPlaceholder}
           opacity={0.8}
-          entered={!prerender}
         />
         <ProjectHeader
           title={title}
@@ -71,7 +63,8 @@ export const Slice = () => {
         <ProjectSection first>
           <ProjectSectionContent>
             <ProjectImage
-              srcSet={`${sliceApp} 800w, ${sliceAppLarge} 1920w`}
+              src={sliceApp}
+              srcSet={`${sliceApp.src} 800w, ${sliceAppLarge.src} 1920w`}
               placeholder={sliceAppPlaceholder}
               alt="The Slice web application showing a selected user annotation."
               sizes={`(max-width: ${media.mobile}px) 100vw, (max-width: ${media.tablet}px) 90vw, 80vw`}
@@ -79,8 +72,8 @@ export const Slice = () => {
           </ProjectSectionContent>
         </ProjectSection>
         <ProjectSection>
-          <ProjectSectionColumns centered className="slice__columns">
-            <div className="sidebar__images-text">
+          <ProjectSectionColumns centered className={styles.columns}>
+            <div className={styles.imagesText}>
               <ProjectSectionHeading>Bringing it together</ProjectSectionHeading>
               <ProjectSectionText>
                 Teachers needed a better way to create collaborative group activities by
@@ -93,17 +86,19 @@ export const Slice = () => {
                 see others’ annotations and make their own.
               </ProjectSectionText>
             </div>
-            <div className="slice__sidebar-images">
+            <div className={styles.sidebarImages}>
               <Image
-                className="slice__sidebar-image"
-                srcSet={`${sliceSidebarLayers} 300w, ${sliceSidebarLayersLarge} 700w`}
+                className={styles.sidebarImage}
+                src={sliceSidebarLayers}
+                srcSet={`${sliceSidebarLayers.src} 300w, ${sliceSidebarLayersLarge.src} 700w`}
                 placeholder={sliceSidebarLayersPlaceholder}
                 alt="The layers sidebar design, now with user profiles."
                 sizes={`(max-width: ${media.mobile}px) 200px, 343px`}
               />
               <Image
-                className="slice__sidebar-image"
-                srcSet={`${sliceSidebarAnnotations} 300w, ${sliceSidebarAnnotationsLarge} 700w`}
+                className={styles.sidebarImage}
+                src={sliceSidebarAnnotations}
+                srcSet={`${sliceSidebarAnnotations.src} 300w, ${sliceSidebarAnnotationsLarge.src} 700w`}
                 placeholder={sliceSidebarAnnotationsPlaceholder}
                 alt="Multiple user annotations on a shared layer."
                 sizes={`(max-width: ${media.mobile}px) 200px, 343px`}
@@ -125,7 +120,8 @@ export const Slice = () => {
               </ProjectSectionText>
             </ProjectTextRow>
             <Image
-              srcSet={`${sliceSlides} 800w, ${sliceSlidesLarge} 1440w`}
+              src={sliceSlides}
+              srcSet={`${sliceSlides.src} 800w, ${sliceSlidesLarge.src} 1440w`}
               placeholder={sliceSlidesPlaceholder}
               alt="The new My Slides tab in slice, showing annotated and favorited slides."
               sizes={`(max-width: ${media.mobile}px) 500px, (max-width: ${media.tablet}px) 800px, 1000px`}
@@ -133,27 +129,29 @@ export const Slice = () => {
           </ProjectSectionContent>
         </ProjectSection>
         <ProjectSection>
-          <ProjectSectionContent className="slice__grid">
-            <div className="slice__grid-image">
-              <div className="slice__grid-background">
+          <ProjectSectionContent className={styles.grid}>
+            <div className={styles.gridImage}>
+              <div className={styles.gridBackground}>
                 <Image
-                  srcSet={`${sliceBackgroundBar} 400w, ${sliceBackgroundBarLarge} 898w`}
+                  src={sliceBackgroundBar}
+                  srcSet={`${sliceBackgroundBar.src} 400w, ${sliceBackgroundBarLarge.src} 898w`}
                   placeholder={sliceBackgroundBarPlaceholder}
                   alt=""
                   role="presentation"
                   sizes={`(max-width: ${media.mobile}px) 312px, (max-width: ${media.tablet}px) 408px, 514px`}
                 />
               </div>
-              <div className="slice__grid-foreground">
+              <div className={styles.gridForeground}>
                 <Image
-                  srcSet={`${sliceAnnotation} 440w, ${sliceAnnotationLarge} 880w`}
+                  src={sliceAnnotation}
+                  srcSet={`${sliceAnnotation.src} 440w, ${sliceAnnotationLarge.src} 880w`}
                   placeholder={sliceAnnotationPlaceholder}
                   alt="An annotation preview popover with statistics for shape perimeter and area."
                   sizes={`(max-width: ${media.mobile}px) 584px, (max-width: ${media.tablet}px) 747px, 556px`}
                 />
               </div>
             </div>
-            <div className="slice__grid-text">
+            <div className={styles.gridText}>
               <ProjectSectionHeading>Meaningful details</ProjectSectionHeading>
               <ProjectSectionText>
                 Marking and annotating areas on high resolution biomedical images is the
diff --git a/src/pages/Slice/Slice.css b/src/pages/projects/slice/Slice.module.css
similarity index 89%
rename from src/pages/Slice/Slice.css
rename to src/pages/projects/slice/Slice.module.css
index 4bc295de..f90eb325 100644
--- a/src/pages/Slice/Slice.css
+++ b/src/pages/projects/slice/Slice.module.css
@@ -1,8 +1,8 @@
-.slice__columns {
+.columns {
   margin: 20px 0 60px;
 }
 
-.slice__grid {
+.grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 70px;
@@ -15,7 +15,7 @@
   }
 }
 
-.slice__grid-image {
+.gridImage {
   display: grid;
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 100%;
@@ -29,7 +29,7 @@
   }
 }
 
-.slice__grid-background {
+.gridBackground {
   grid-column: 1;
   grid-row: 1 / span 2;
 
@@ -46,7 +46,7 @@
   }
 }
 
-.slice__grid-foreground {
+.gridForeground {
   grid-column: 1;
   grid-row: 2;
   position: relative;
@@ -64,7 +64,7 @@
   }
 }
 
-.slice__grid-text {
+.gridText {
   padding-top: 80px;
 
   @media (--mediaDesktop) {
@@ -80,7 +80,7 @@
   }
 }
 
-.slice__sidebar-images {
+.sidebarImages {
   display: grid;
   grid-template-columns: repeat(6, [col] 1fr);
   align-items: center;
@@ -100,7 +100,7 @@
   }
 }
 
-.slice__sidebar-images-text {
+.sidebarImagesText {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
@@ -114,7 +114,7 @@
   }
 }
 
-.slice__sidebar-image {
+.sidebarImage {
   &:first-child {
     grid-column: col 1 / span 4;
     grid-row: 1;
diff --git a/src/pages/Slice/index.js b/src/pages/projects/slice/index.page.js
similarity index 100%
rename from src/pages/Slice/index.js
rename to src/pages/projects/slice/index.page.js
diff --git a/src/pages/SmartSparrow/Earth.js b/src/pages/projects/smart-sparrow/Earth.js
similarity index 97%
rename from src/pages/SmartSparrow/Earth.js
rename to src/pages/projects/smart-sparrow/Earth.js
index 9333f477..304dc4c9 100644
--- a/src/pages/SmartSparrow/Earth.js
+++ b/src/pages/projects/smart-sparrow/Earth.js
@@ -1,5 +1,3 @@
-import './Earth.css';
-
 import earthModel from 'assets/earth.glb';
 import mwnx from 'assets/milkyway-nx.hdr';
 import mwny from 'assets/milkyway-ny.hdr';
@@ -49,6 +47,7 @@ import { HDRCubeTextureLoader } from 'three/examples/jsm/loaders/HDRCubeTextureL
 import { classes, media, msToNum } from 'utils/style';
 import { cleanRenderer, cleanScene, modelLoader, removeLights } from 'utils/three';
 import { reflow } from 'utils/transition';
+import styles from './Earth.module.css';
 
 const nullTarget = { x: 0, y: 0, z: 2 };
 
@@ -272,7 +271,7 @@ export const Earth = forwardRef(
       };
 
       const loadBackground = async () => {
-        const backgroundTexture = await textureLoader.loadAsync(milkywayBg);
+        const backgroundTexture = await textureLoader.loadAsync(milkywayBg.src);
         backgroundTexture.mapping = EquirectangularReflectionMapping;
         backgroundTexture.encoding = sRGBEncoding;
         scene.current.background = backgroundTexture;
@@ -326,7 +325,7 @@ export const Earth = forwardRef(
         labelContainer.current.innerHTML = '';
         labelElements.current = labels.map(label => {
           const element = document.createElement('div');
-          element.classList.add('earth__label');
+          element.classList.add(styles.label);
           element.dataset.hidden = true;
           element.style.setProperty('--delay', `${label.delay || 0}ms`);
           element.textContent = label.text;
@@ -644,18 +643,18 @@ export const Earth = forwardRef(
 
     return (
       <EarthContext.Provider value={{ registerSection, unregisterSection }}>
-        <div className={classes('earth', className)} ref={container}>
-          <div className="earth__viewport">
+        <div className={classes(styles.earth, className)} ref={container}>
+          <div className={styles.viewport}>
             <canvas
-              className="earth__canvas"
+              className={styles.canvas}
               data-visible={loaded && visible}
               data-grabbing={grabbing}
               ref={canvas}
             />
-            <div className="earth__labels" aria-live="polite" ref={labelContainer} />
-            <div className="earth__vignette" />
+            <div className={styles.labels} aria-live="polite" ref={labelContainer} />
+            <div className={styles.vignette} />
           </div>
-          <div className="earth__sections">{children}</div>
+          <div className={styles.sections}>{children}</div>
           <Transition
             mountOnEnter
             unmountOnExit
@@ -664,7 +663,7 @@ export const Earth = forwardRef(
             timeout={msToNum(tokens.base.durationL)}
           >
             {status => (
-              <Section className="earth__loader" data-status={status}>
+              <Section className={styles.loader} data-status={status}>
                 <Loader />
               </Section>
             )}
@@ -713,7 +712,7 @@ export const EarthSection = memo(
 
     return (
       <div
-        className={classes('earth__section', className)}
+        className={classes(styles.section, className)}
         data-scrim={scrim}
         data-scrim-reverse={scrimReverse}
         ref={sectionRef}
diff --git a/src/pages/SmartSparrow/Earth.css b/src/pages/projects/smart-sparrow/Earth.module.css
similarity index 92%
rename from src/pages/SmartSparrow/Earth.css
rename to src/pages/projects/smart-sparrow/Earth.module.css
index 9437aec9..c1cbcc24 100644
--- a/src/pages/SmartSparrow/Earth.css
+++ b/src/pages/projects/smart-sparrow/Earth.module.css
@@ -5,7 +5,7 @@
   place-content: center;
 }
 
-.earth__loader {
+.loader {
   transition: opacity var(--durationL) var(--bezierFastoutSlowin);
   opacity: 0;
   grid-area: 1 / 1;
@@ -20,7 +20,9 @@
   }
 }
 
-.earth__viewport {
+.viewport {
+  position: sticky;
+  top: 0;
   grid-area: 1 / 1;
   display: grid;
   grid-template: 100% / 100%;
@@ -29,10 +31,9 @@
   overflow: hidden;
 }
 
-.earth__canvas {
+.canvas {
   grid-area: 1 / 1;
   transition: opacity 1.6s var(--bezierFastoutSlowin);
-  outline: none;
   opacity: 0;
   cursor: grab;
 
@@ -51,12 +52,12 @@
   }
 }
 
-.earth__labels {
+.labels {
   grid-area: 1 / 1;
   pointer-events: none;
 }
 
-.earth__label {
+.label {
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -81,20 +82,20 @@
   }
 }
 
-.earth__vignette {
+.vignette {
   grid-area: 1 / 1;
   background-image: radial-gradient(transparent, rgb(var(--rgbBackground)));
   position: relative;
   pointer-events: none;
 }
 
-.earth__sections {
+.sections {
   pointer-events: none;
   position: relative;
   margin-top: -100vh;
 }
 
-.earth__section {
+.section {
   width: 100%;
   height: 100vh;
   display: flex;
diff --git a/src/pages/SmartSparrow/SmartSparrow.js b/src/pages/projects/smart-sparrow/SmartSparrow.js
similarity index 89%
rename from src/pages/SmartSparrow/SmartSparrow.js
rename to src/pages/projects/smart-sparrow/SmartSparrow.js
index bcce7e42..3b74bfb2 100644
--- a/src/pages/SmartSparrow/SmartSparrow.js
+++ b/src/pages/projects/smart-sparrow/SmartSparrow.js
@@ -1,5 +1,3 @@
-import './SmartSparrow.css';
-
 import backgroundSprLarge from 'assets/spr-background-large.jpg';
 import backgroundSprPlaceholder from 'assets/spr-background-placeholder.jpg';
 import imageSprBackgroundVolcanismLarge from 'assets/spr-background-volcanism-large.jpg';
@@ -48,6 +46,10 @@ import imageSprStoryboarderLight from 'assets/spr-storyboarder-light.png';
 import { Footer } from 'components/Footer';
 import { Image } from 'components/Image';
 import { Link } from 'components/Link';
+import { Meta } from 'components/Meta';
+import { SegmentedControl, SegmentedControlOption } from 'components/SegmentedControl';
+import { ThemeProvider, useTheme } from 'components/ThemeProvider';
+import { useAppContext } from 'hooks';
 import {
   ProjectBackground,
   ProjectContainer,
@@ -59,15 +61,11 @@ import {
   ProjectSectionHeading,
   ProjectSectionText,
   ProjectTextRow,
-} from 'components/ProjectLayout';
-import { SegmentedControl, SegmentedControlOption } from 'components/SegmentedControl';
-import { ThemeProvider, useTheme } from 'components/ThemeProvider';
-import { useAppContext, useScrollRestore } from 'hooks';
+} from 'layouts/Project';
 import { Fragment, useMemo, useRef } from 'react';
-import { Helmet } from 'react-helmet';
-import { prerender } from 'utils/prerender';
 import { media } from 'utils/style';
 import { Earth, EarthSection } from './Earth';
+import styles from './SmartSparrow.module.css';
 
 const title = 'Designing the future of education';
 const description =
@@ -84,7 +82,6 @@ export const SmartSparrow = () => {
   const { dispatch } = useAppContext();
   const motionSectionRef = useRef();
   const earthSectionRef = useRef();
-  useScrollRestore();
 
   const isDark = themeId === 'dark';
   const themes = ['dark', 'light'];
@@ -96,15 +93,12 @@ export const SmartSparrow = () => {
   return (
     <Fragment>
       <ProjectContainer className="spr">
-        <Helmet>
-          <title>{`Projects | ${title}`}</title>
-          <meta name="description" content={description} />
-        </Helmet>
+        <Meta title={title} prefix="Projects" description={description} />
         <ProjectBackground
           opacity={isDark ? 0.5 : 0.8}
-          srcSet={`${backgroundSpr} 1080w, ${backgroundSprLarge} 2160w`}
+          src={backgroundSpr}
+          srcSet={`${backgroundSpr.src} 1080w, ${backgroundSprLarge.src} 2160w`}
           placeholder={backgroundSprPlaceholder}
-          entered={!prerender}
         />
         <ProjectHeader
           title={title}
@@ -117,10 +111,13 @@ export const SmartSparrow = () => {
             <ProjectImage
               raised
               key={themeId}
+              src={isDark ? imageSprLessonBuilderDark : imageSprLessonBuilderLight}
               srcSet={`${
-                isDark ? imageSprLessonBuilderDark : imageSprLessonBuilderLight
+                isDark ? imageSprLessonBuilderDark.src : imageSprLessonBuilderLight.src
               } 1280w, ${
-                isDark ? imageSprLessonBuilderDarkLarge : imageSprLessonBuilderLightLarge
+                isDark
+                  ? imageSprLessonBuilderDarkLarge.src
+                  : imageSprLessonBuilderLightLarge.src
               } 2560w`}
               placeholder={
                 isDark
@@ -150,10 +147,13 @@ export const SmartSparrow = () => {
           <ProjectSectionContent>
             <Image
               key={themeId}
+              src={isDark ? imageSprComponentsDark : imageSprComponentsLight}
               srcSet={`${
-                isDark ? imageSprComponentsDark : imageSprComponentsLight
+                isDark ? imageSprComponentsDark.src : imageSprComponentsLight.src
               } 800w, ${
-                isDark ? imageSprComponentsDarkLarge : imageSprComponentsLightLarge
+                isDark
+                  ? imageSprComponentsDarkLarge.src
+                  : imageSprComponentsLightLarge.src
               } 1000w`}
               placeholder={
                 isDark
@@ -189,10 +189,13 @@ export const SmartSparrow = () => {
             <Image
               raised
               key={themeId}
+              src={isDark ? imageSprDesignSystemDark : imageSprDesignSystemLight}
               srcSet={`${
-                isDark ? imageSprDesignSystemDark : imageSprDesignSystemLight
+                isDark ? imageSprDesignSystemDark.src : imageSprDesignSystemLight.src
               } 1280w, ${
-                isDark ? imageSprDesignSystemDarkLarge : imageSprDesignSystemLightLarge
+                isDark
+                  ? imageSprDesignSystemDarkLarge.src
+                  : imageSprDesignSystemLightLarge.src
               } 2560w`}
               placeholder={
                 isDark
@@ -213,13 +216,14 @@ export const SmartSparrow = () => {
             </ProjectTextRow>
           </ProjectSectionContent>
         </ProjectSection>
-        <ThemeProvider themeId="dark">
+        <ThemeProvider themeId="dark" data-invert>
           <ProjectSection
             ref={motionSectionRef}
             backgroundOverlayOpacity={0.5}
             backgroundElement={
               <Image
-                srcSet={`${imageSprBackgroundVolcanism} 1280w, ${imageSprBackgroundVolcanismLarge} 2560w`}
+                src={imageSprBackgroundVolcanism}
+                srcSet={`${imageSprBackgroundVolcanism.src} 1280w, ${imageSprBackgroundVolcanismLarge.src} 2560w`}
                 placeholder={imageSprBackgroundVolcanismPlaceholder}
                 alt="A dramatic ocean scene with lava forming a new land mass."
                 sizes="100vw"
@@ -240,9 +244,9 @@ export const SmartSparrow = () => {
               </ProjectSectionContent>
               <Image
                 raised
-                srcSet={`${videoSprMotion} 1280w, ${videoSprMotionLarge} 2560w`}
-                className="spr__video"
                 src={videoSprMotionLarge}
+                srcSet={`${videoSprMotion} 1280w, ${videoSprMotionLarge} 2560w`}
+                className={styles.video}
                 placeholder={videoSprMotionPlaceholder}
                 alt="A learning designer building and deploying an interactive lesson on volcanism using the app."
                 sizes={`(max-width: ${media.mobile}px) 100vw, 50vw`}
@@ -265,10 +269,13 @@ export const SmartSparrow = () => {
             <Image
               raised
               key={themeId}
+              src={isDark ? imageSprStoryboarderDark : imageSprStoryboarderLight}
               srcSet={`${
-                isDark ? imageSprStoryboarderDark : imageSprStoryboarderLight
+                isDark ? imageSprStoryboarderDark.src : imageSprStoryboarderLight.src
               } 1280w, ${
-                isDark ? imageSprStoryboarderDarkLarge : imageSprStoryboarderLightLarge
+                isDark
+                  ? imageSprStoryboarderDarkLarge.src
+                  : imageSprStoryboarderLightLarge.src
               } 2560w`}
               placeholder={
                 isDark
@@ -296,11 +303,14 @@ export const SmartSparrow = () => {
                 </ProjectSectionText>
               </ProjectTextRow>
             </ProjectSectionContent>
-            <div className="spr__sidebar-images">
+            <div className={styles.sidebarImages}>
               <Image
-                className="spr__sidebar-image"
-                srcSet={`${isDark ? imageSprSchema2Dark : imageSprSchema2Light} 260w, ${
-                  isDark ? imageSprSchema2DarkLarge : imageSprSchema2LightLarge
+                className={styles.sidebarImage}
+                src={isDark ? imageSprSchema2Dark : imageSprSchema2Light}
+                srcSet={`${
+                  isDark ? imageSprSchema2Dark.src : imageSprSchema2Light.src
+                } 260w, ${
+                  isDark ? imageSprSchema2DarkLarge.src : imageSprSchema2LightLarge.src
                 } 520w`}
                 placeholder={
                   isDark
@@ -311,9 +321,12 @@ export const SmartSparrow = () => {
                 sizes={`(max-width: ${media.mobile}px) 50vw, 25vw`}
               />
               <Image
-                className="spr__sidebar-image"
-                srcSet={`${isDark ? imageSprSchema1Dark : imageSprSchema1Light} 260w, ${
-                  isDark ? imageSprSchema1DarkLarge : imageSprSchema1LightLarge
+                className={styles.sidebarImage}
+                src={isDark ? imageSprSchema1Dark : imageSprSchema1Light}
+                srcSet={`${
+                  isDark ? imageSprSchema1Dark.src : imageSprSchema1Light.src
+                } 260w, ${
+                  isDark ? imageSprSchema1DarkLarge.src : imageSprSchema1LightLarge.src
                 } 520w`}
                 placeholder={
                   isDark
@@ -326,9 +339,9 @@ export const SmartSparrow = () => {
             </div>
           </ProjectSectionColumns>
         </ProjectSection>
-        <ThemeProvider themeId="dark">
+        <ThemeProvider themeId="dark" data-invert>
           <Earth
-            className="spr__earth"
+            className={styles.earth}
             hideMeshes={useMemo(
               () => ['Atmosphere', 'EarthPartial', 'Chunk', 'EarthFull'],
               []
diff --git a/src/pages/SmartSparrow/SmartSparrow.css b/src/pages/projects/smart-sparrow/SmartSparrow.module.css
similarity index 84%
rename from src/pages/SmartSparrow/SmartSparrow.css
rename to src/pages/projects/smart-sparrow/SmartSparrow.module.css
index 2786579c..f251813d 100644
--- a/src/pages/SmartSparrow/SmartSparrow.css
+++ b/src/pages/projects/smart-sparrow/SmartSparrow.module.css
@@ -1,4 +1,4 @@
-.spr__video {
+.video {
   width: 120%;
 
   @media (--mediaLaptop) {
@@ -14,12 +14,7 @@
   }
 }
 
-.spr__earth .earth__viewport {
-  position: sticky;
-  top: 0;
-}
-
-.spr__sidebar-images {
+.sidebarImages {
   display: grid;
   grid-template-columns: repeat(6, [col] 1fr);
   align-items: center;
@@ -39,7 +34,7 @@
   }
 }
 
-.spr__sidebar-image {
+.sidebarImage {
   &:first-child {
     grid-column: col 1 / span 4;
     grid-row: 1;
diff --git a/src/pages/SmartSparrow/index.js b/src/pages/projects/smart-sparrow/index.page.js
similarity index 100%
rename from src/pages/SmartSparrow/index.js
rename to src/pages/projects/smart-sparrow/index.page.js
diff --git a/src/pages/VolkiharKnight/Armor.js b/src/pages/projects/volkihar-knight/Armor.js
similarity index 92%
rename from src/pages/VolkiharKnight/Armor.js
rename to src/pages/projects/volkihar-knight/Armor.js
index 99ce7b52..a273d613 100644
--- a/src/pages/VolkiharKnight/Armor.js
+++ b/src/pages/projects/volkihar-knight/Armor.js
@@ -1,5 +1,3 @@
-import './Armor.css';
-
 import vknx from 'assets/volkihar-cube-nx.jpg';
 import vkny from 'assets/volkihar-cube-ny.jpg';
 import vknz from 'assets/volkihar-cube-nz.jpg';
@@ -10,9 +8,9 @@ import armor from 'assets/volkihar-knight.glb';
 import { Loader } from 'components/Loader';
 import { tokens } from 'components/ThemeProvider/theme';
 import { useInViewport, usePrefersReducedMotion } from 'hooks';
+import Head from 'next/head';
 import { spring, value } from 'popmotion';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import Helmet from 'react-helmet';
 import { Transition } from 'react-transition-group';
 import {
   ACESFilmicToneMapping,
@@ -28,13 +26,11 @@ import {
 import { degToRad } from 'three/src/math/MathUtils';
 import { classes, cssProps, msToNum, numToMs } from 'utils/style';
 import { cleanRenderer, cleanScene, modelLoader, removeLights } from 'utils/three';
+import styles from './Armor.module.css';
 
 const Armor = ({
-  models,
-  show = true,
   showDelay = 0,
   cameraPosition = { x: 0, y: 0, z: 6 },
-  enableControls,
   className,
   alt,
   ...rest
@@ -92,7 +88,14 @@ const Armor = ({
 
     const load = async () => {
       const loadGltf = modelLoader.loadAsync(armor);
-      const loadEnv = cubeTextureLoader.loadAsync([vknx, vkny, vknz, vkpx, vkpy, vkpz]);
+      const loadEnv = cubeTextureLoader.loadAsync([
+        vknx.src,
+        vkny.src,
+        vknz.src,
+        vkpx.src,
+        vkpy.src,
+        vkpz.src,
+      ]);
 
       const [gltf, envTexture] = await Promise.all([loadGltf, loadEnv]);
 
@@ -193,11 +196,11 @@ const Armor = ({
 
   return (
     <>
-      <Helmet>
-        <link rel="prefetch" href={armor} as="fetch" crossorigin="" />
-      </Helmet>
+      <Head>
+        <link rel="prefetch" href={armor} as="fetch" />
+      </Head>
       <div
-        className={classes('armor', className)}
+        className={classes(styles.armor, className)}
         ref={container}
         role="img"
         aria-label={alt}
@@ -209,10 +212,10 @@ const Armor = ({
           in={!loaded && loaderVisible}
           timeout={msToNum(tokens.base.durationL)}
         >
-          {status => <Loader className="armor__loader" data-status={status} />}
+          {status => <Loader className={styles.loader} data-status={status} />}
         </Transition>
         <canvas
-          className="armor__canvas"
+          className={styles.canvas}
           ref={canvas}
           data-loaded={loaded && visible}
           style={cssProps({ delay: numToMs(showDelay) })}
diff --git a/src/pages/VolkiharKnight/Armor.css b/src/pages/projects/volkihar-knight/Armor.module.css
similarity index 92%
rename from src/pages/VolkiharKnight/Armor.css
rename to src/pages/projects/volkihar-knight/Armor.module.css
index 19bb0543..6075d3d6 100644
--- a/src/pages/VolkiharKnight/Armor.css
+++ b/src/pages/projects/volkihar-knight/Armor.module.css
@@ -5,7 +5,7 @@
   place-content: center;
 }
 
-.armor__loader {
+.loader {
   transition: opacity var(--durationL) var(--bezierFastoutSlowin);
   opacity: 0;
 
@@ -15,7 +15,7 @@
   }
 }
 
-.armor__canvas {
+.canvas {
   transition: opacity var(--durationXL) var(--bezierFastoutSlowin);
   position: absolute;
   opacity: 0;
diff --git a/src/pages/VolkiharKnight/VolkiharKnight.js b/src/pages/projects/volkihar-knight/VolkiharKnight.js
similarity index 72%
rename from src/pages/VolkiharKnight/VolkiharKnight.js
rename to src/pages/projects/volkihar-knight/VolkiharKnight.js
index 57b6940d..05690b21 100644
--- a/src/pages/VolkiharKnight/VolkiharKnight.js
+++ b/src/pages/projects/volkihar-knight/VolkiharKnight.js
@@ -1,5 +1,3 @@
-import './VolkiharKnight.css';
-
 import volkiharBackgroundLarge from 'assets/volkihar-background-large.jpg';
 import volkiharBackgroundPlaceholder from 'assets/volkihar-background-placeholder.jpg';
 import volkiharBackground from 'assets/volkihar-background.jpg';
@@ -15,7 +13,7 @@ import volkiharEnderalLogoPlaceholder from 'assets/volkihar-enderal-logo-placeho
 import volkiharEnderalLogo from 'assets/volkihar-enderal-logo.png';
 import volkiharEnderalPlaceholder from 'assets/volkihar-enderal-placeholder.jpg';
 import volkiharEnderal from 'assets/volkihar-enderal.jpg';
-import { ReactComponent as VolkiharKnightLogo } from 'assets/volkihar-logo.svg';
+import VolkiharKnightLogo from 'assets/volkihar-logo.svg';
 import volkiharSlide1Large from 'assets/volkihar-slide-1-large.jpg';
 import volkiharSlide1 from 'assets/volkihar-slide-1.jpg';
 import volkiharSlide2Large from 'assets/volkihar-slide-2-large.jpg';
@@ -26,6 +24,8 @@ import volkiharSlidePlaceholder from 'assets/volkihar-slide-placeholder.jpg';
 import { Button } from 'components/Button';
 import { Footer } from 'components/Footer';
 import { Image } from 'components/Image';
+import { Meta } from 'components/Meta';
+import { useRouteTransition } from 'hooks';
 import {
   ProjectBackground,
   ProjectContainer,
@@ -37,15 +37,14 @@ import {
   ProjectSectionHeading,
   ProjectSectionText,
   ProjectTextRow,
-} from 'components/ProjectLayout';
-import { useRouteTransition, useScrollRestore } from 'hooks';
-import { Fragment, Suspense, lazy, useMemo } from 'react';
-import { Helmet } from 'react-helmet';
-import { prerender } from 'utils/prerender';
+} from 'layouts/Project';
+import dynamic from 'next/dynamic';
+import { Fragment } from 'react';
 import { media } from 'utils/style';
+import styles from './VolkiharKnight.module.css';
 
-const Carousel = lazy(() => import('components/Carousel'));
-const Armor = lazy(() => import('./Armor'));
+const Carousel = dynamic(() => import('components/Carousel'));
+const Armor = dynamic(() => import('./Armor'));
 
 const title = 'Volkihar Knight';
 const description =
@@ -54,32 +53,32 @@ const roles = ['3D Modelling', 'Texturing', 'Graphic Design'];
 
 export function VolkiharKnight() {
   const { status } = useRouteTransition();
-  useScrollRestore();
 
   return (
     <Fragment>
-      <Helmet>
-        <title>{`Projects | ${title}`}</title>
-        <meta name="description" content={description} />
-      </Helmet>
+      <Meta title={title} prefix="Projects" description={description} />
       {(status === 'entered' || status === 'exiting') && (
-        <style>{`
-          .dark {
-            --rgbPrimary: 240 211 150;
-            --rgbAccent: 240 211 150;
-          }
-          .light {
-            --rgbPrimary: 134 99 23;
-            --rgbAccent: 134 99 23;
-          }
-        `}</style>
+        <style
+          dangerouslySetInnerHTML={{
+            __html: `
+              [data-theme='dark'] {
+                --rgbPrimary: 240 211 150;
+                --rgbAccent: 240 211 150;
+              }
+              [data-theme='light'] {
+                --rgbPrimary: 134 99 23;
+                --rgbAccent: 134 99 23;
+              }
+            `,
+          }}
+        />
       )}
-      <ProjectContainer className="volkihar">
+      <ProjectContainer>
         <ProjectBackground
-          srcSet={`${volkiharBackground} 1000w, ${volkiharBackgroundLarge} 1600w`}
+          src={volkiharBackground}
+          srcSet={`${volkiharBackground.src} 1000w, ${volkiharBackgroundLarge.src} 1600w`}
           placeholder={volkiharBackgroundPlaceholder}
           opacity={0.5}
-          entered={!prerender}
         />
         <ProjectHeader
           title={title}
@@ -91,7 +90,8 @@ export function VolkiharKnight() {
         <ProjectSection first>
           <ProjectSectionContent>
             <ProjectImage
-              srcSet={`${volkiharBanner} 800w, ${volkiharBannerLarge} 1100w`}
+              src={volkiharBackground}
+              srcSet={`${volkiharBanner.src} 800w, ${volkiharBannerLarge.src} 1100w`}
               placeholder={volkiharBannerPlaceholder}
               alt="A dark elf wearing the Volkihar Knight armor with the logo overlaid on the image."
               sizes={`(max-width: ${media.mobile}px) 500px, (max-width: ${media.tablet}px) 800px, 1000px`}
@@ -101,7 +101,8 @@ export function VolkiharKnight() {
         <ProjectSection>
           <ProjectSectionContent>
             <Image
-              srcSet={`${volkiharBook} 480w, ${volkiharBookLarge} 960w`}
+              src={volkiharBook}
+              srcSet={`${volkiharBook.src} 480w, ${volkiharBookLarge.src} 960w`}
               placeholder={volkiharBookPlaceholder}
               alt="A book containing a sketch depicting the logo and armor"
               sizes={`(max-width: ${media.mobile}px) 90vw, (max-width: ${media.tablet}px) 80vw, 70vw`}
@@ -110,12 +111,8 @@ export function VolkiharKnight() {
         </ProjectSection>
         <ProjectSection>
           <ProjectSectionColumns>
-            {!prerender && (
-              <Suspense fallback={null}>
-                <Armor alt="3D model of the Volkihar Knight armor" />
-              </Suspense>
-            )}
-            <div className="volkihar__text-section">
+            <Armor alt="3D model of the Volkihar Knight armor" />
+            <div className={styles.textSection}>
               <ProjectSectionHeading>Armor design</ProjectSectionHeading>
               <ProjectSectionText>
                 As a player I noticed there weren’t any heavy armor options for the
@@ -135,7 +132,7 @@ export function VolkiharKnight() {
         </ProjectSection>
         <ProjectSection>
           <ProjectSectionContent>
-            <div className="volkihar__logo-container">
+            <div className={styles.logoContainer}>
               <VolkiharKnightLogo
                 role="img"
                 aria-label="The Volkihar Knight logo, a monogram using the letters 'V' and 'K"
@@ -153,39 +150,35 @@ export function VolkiharKnight() {
         </ProjectSection>
         <ProjectSection>
           <ProjectSectionContent>
-            <Suspense fallback={null}>
-              <Carousel
-                placeholder={volkiharSlidePlaceholder}
-                images={useMemo(
-                  () => [
-                    {
-                      src: volkiharSlide1,
-                      srcSet: `${volkiharSlide1} 960w, ${volkiharSlide1Large} 1920w`,
-                      alt: 'A female character wearing the black coloured armor set.',
-                    },
-                    {
-                      src: volkiharSlide2,
-                      srcSet: `${volkiharSlide2} 960w, ${volkiharSlide2Large} 1920w`,
-                      alt: 'A close up of the custom gauntlets design.',
-                    },
-                    {
-                      src: volkiharSlide3,
-                      srcSet: `${volkiharSlide3} 960w, ${volkiharSlide3Large} 1920w`,
-                      alt: 'A female character wielding a sword and wearing the red coloured armor.',
-                    },
-                  ],
-                  []
-                )}
-                width={1920}
-                height={1080}
-              />
-            </Suspense>
+            <Carousel
+              placeholder={volkiharSlidePlaceholder.src}
+              images={[
+                {
+                  src: volkiharSlide1.src,
+                  srcSet: `${volkiharSlide1.src} 960w, ${volkiharSlide1Large.src} 1920w`,
+                  alt: 'A female character wearing the black coloured armor set.',
+                },
+                {
+                  src: volkiharSlide2.src,
+                  srcSet: `${volkiharSlide2.src} 960w, ${volkiharSlide2Large.src} 1920w`,
+                  alt: 'A close up of the custom gauntlets design.',
+                },
+                {
+                  src: volkiharSlide3.src,
+                  srcSet: `${volkiharSlide3.src} 960w, ${volkiharSlide3Large.src} 1920w`,
+                  alt: 'A female character wielding a sword and wearing the red coloured armor.',
+                },
+              ]}
+              width={1920}
+              height={1080}
+            />
           </ProjectSectionContent>
         </ProjectSection>
         <ProjectSection
           backgroundElement={
             <Image
-              srcSet={`${volkiharEnderal} 1280w, ${volkiharEnderalLarge} 1920w`}
+              src={volkiharEnderal}
+              srcSet={`${volkiharEnderal.src} 1280w, ${volkiharEnderalLarge.src} 1920w`}
               placeholder={volkiharEnderalPlaceholder}
               alt="A promotional image from Enderal showing several characters in the game overlooking a distant city."
               sizes={`100vw`}
@@ -195,7 +188,8 @@ export function VolkiharKnight() {
           <ProjectSectionContent>
             <ProjectTextRow center centerMobile noMargin>
               <Image
-                srcSet={`${volkiharEnderalLogo} 180w, ${volkiharEnderalLogoLarge} 320w`}
+                src={volkiharEnderalLogo}
+                srcSet={`${volkiharEnderalLogo.src} 180w, ${volkiharEnderalLogoLarge.src} 320w`}
                 placeholder={volkiharEnderalLogoPlaceholder}
                 alt="The Enderal game logo"
                 sizes={`(max-width: ${media.mobile}px) 100vw, (max-width: ${media.tablet}px) 100vw, 220px`}
diff --git a/src/pages/projects/volkihar-knight/VolkiharKnight.module.css b/src/pages/projects/volkihar-knight/VolkiharKnight.module.css
new file mode 100644
index 00000000..0536018c
--- /dev/null
+++ b/src/pages/projects/volkihar-knight/VolkiharKnight.module.css
@@ -0,0 +1,19 @@
+.textSection {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.logoContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 80px;
+  width: 100%;
+  overflow: hidden;
+
+  & svg {
+    max-width: 400px;
+    height: auto;
+  }
+}
diff --git a/src/pages/VolkiharKnight/index.js b/src/pages/projects/volkihar-knight/index.page.js
similarity index 100%
rename from src/pages/VolkiharKnight/index.js
rename to src/pages/projects/volkihar-knight/index.page.js
diff --git a/src/pages/Uses/Uses.css b/src/pages/uses/Uses.module.css
similarity index 72%
rename from src/pages/Uses/Uses.css
rename to src/pages/uses/Uses.module.css
index 017adec5..ae049c47 100644
--- a/src/pages/Uses/Uses.css
+++ b/src/pages/uses/Uses.module.css
@@ -12,7 +12,10 @@
   }
 }
 
-.uses__section {
+.section {
   opacity: 0;
-  animation: fade-in 1s ease 1s forwards;
+
+  &:global {
+    animation: fade-in 1s ease 1s forwards;
+  }
 }
diff --git a/src/pages/Uses/index.js b/src/pages/uses/index.page.js
similarity index 100%
rename from src/pages/Uses/index.js
rename to src/pages/uses/index.page.js
diff --git a/src/posts/another.mdx b/src/posts/another.mdx
index fb9067e9..b8324aaf 100644
--- a/src/posts/another.mdx
+++ b/src/posts/another.mdx
@@ -1,15 +1,14 @@
 ---
-slug: another
 title: Another post
 description: Heyo heyo heyo
-banner: akira.mp4
-bannerPlaceholder: akira-placeholder.jpg
+banner: /assets/akira.mp4
+bannerPlaceholder: /assets/akira-placeholder.jpg
 bannerAlt: An animation of Kaneda from the film Akira sliding sideways on a motorcycle away from the camera
 tags: ['development', 'design', 'accessiblity']
-date: 2019-06-29
+date: '2019-06-29'
 readTime: '00:06:00:00'
 ---
 
-ANOTHERANOTHER
+## Test post
 
 Lorem ipsum [dolor amet hell](/) of aesthetic literally gochujang quinoa. Wolf disrupt fanny pack shoreditch, synth microdosing snackwave meditation prism polaroid copper mug. Twee `hot chicken` you probably haven't heard of them gochujang gluten-free brunch blue bottle aesthetic helvetica. Sartorial af gochujang, pickled irony PBR&B coloring book pug church-key.
diff --git a/src/posts/index.js b/src/posts/index.js
deleted file mode 100644
index c0fbc7c7..00000000
--- a/src/posts/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-const allPosts = require.context(
-  '!babel-loader!mdx-loader!posts',
-  true,
-  /\.mdx$/,
-  'lazy'
-);
-
-export const fetchPosts = allPosts.keys().map(async filePath => {
-  const module = await allPosts(filePath);
-
-  return {
-    content: module.default,
-    ...module.frontMatter,
-  };
-});
diff --git a/src/posts/test.mdx b/src/posts/test.mdx
index 859ec33c..f45151c8 100644
--- a/src/posts/test.mdx
+++ b/src/posts/test.mdx
@@ -1,12 +1,11 @@
 ---
-slug: test
 title: Accessible motion design for the web
 description: Making sure animation doesn't negatively affect users with prefers-reduced-motion in css and javascript.
-banner: akira.mp4
-bannerPlaceholder: akira-placeholder.jpg
+banner: /assets/akira.mp4
+bannerPlaceholder: /assets/akira-placeholder.jpg
 bannerAlt: An animation of Kaneda from the film Akira sliding sideways on a motorcycle away from the camera
 tags: ['development', 'design', 'accessiblity']
-date: 2019-06-29
+date: '2019-06-29'
 readTime: '00:06:00:00'
 ---
 
@@ -14,10 +13,7 @@ TESTTESTPOST
 
 Lorem ipsum [dolor amet hell](/) of aesthetic literally gochujang quinoa. Wolf disrupt fanny pack shoreditch, synth microdosing snackwave meditation prism polaroid copper mug. Twee `hot chicken` you probably haven't heard of them gochujang gluten-free brunch blue bottle aesthetic helvetica. Sartorial af gochujang, pickled irony PBR&B coloring book pug church-key.
 
-<img
-  src="windows-settings.png"
-  alt="Windows settings showing the option to disable animation."
-/>
+!["/assets/windows-settings.png"](/assets/windows-settings.png)
 
 ## Sick title bro
 
diff --git a/src/utils/mdx.js b/src/utils/mdx.js
new file mode 100644
index 00000000..b223a6a2
--- /dev/null
+++ b/src/utils/mdx.js
@@ -0,0 +1,11 @@
+import fs from 'fs';
+import path from 'path';
+
+// POSTS_PATH is useful when you want to get the path to a specific file
+export const POSTS_PATH = path.join(process.cwd(), 'src/posts');
+
+// postFilePaths is the list of all mdx files inside the POSTS_PATH directory
+export const postFilePaths = fs
+  .readdirSync(POSTS_PATH)
+  // Only include md(x) files
+  .filter(path => /\.mdx?$/.test(path));
diff --git a/src/utils/prerender.js b/src/utils/prerender.js
deleted file mode 100644
index c1cee321..00000000
--- a/src/utils/prerender.js
+++ /dev/null
@@ -1,5 +0,0 @@
-/**
- * Returns true if being prerendered by react-snap. Useful for stuff
- * that needs to only run client-side and not during prerendering
- */
-export const prerender = navigator.userAgent === 'ReactSnap';
diff --git a/src/utils/ssr.js b/src/utils/ssr.js
new file mode 100644
index 00000000..02161203
--- /dev/null
+++ b/src/utils/ssr.js
@@ -0,0 +1 @@
+export const ssr = typeof window === 'undefined';
diff --git a/src/utils/style.js b/src/utils/style.js
index f37bc59e..9e412833 100644
--- a/src/utils/style.js
+++ b/src/utils/style.js
@@ -39,7 +39,8 @@ export const numToMs = num => `${num}ms`;
  * Convert an rgb theme property (e.g. rgbBlack: '0 0 0')
  * to values that can be spread into a ThreeJS Color class
  */
-export const rgbToThreeColor = rgb => rgb.split(' ').map(value => Number(value) / 255);
+export const rgbToThreeColor = rgb =>
+  rgb?.split(' ').map(value => Number(value) / 255) || [];
 
 /**
  * Convert a JS object into `--` prefixed css custom properties.