diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 56c742017cd..18c6ac70833 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -10,7 +10,7 @@ exclude: >
     | git-repos
   )
 repos:
-  # Note: hooks that add content must run before ones which check formatting, lint, etc 
+  # Note: hooks that add content must run before ones which check formatting, lint, etc
   - repo: https://github.com/Lucas-C/pre-commit-hooks
     rev: v1.1.10
     hooks:
@@ -80,8 +80,10 @@ repos:
     hooks:
       - id: stylelint
         additional_dependencies:
-          - "stylelint@13.12.0"
-          - "stylelint-config-standard@20.0.0"
+          - "stylelint@14.0.1"
+          - "stylelint-config-standard-scss@2.0.1"
+          - "postcss-scss@4.0.2"
+          - "postcss@8.3.11"
   - repo: https://github.com/eslint/eslint
     rev: v7.32.0
     hooks:
diff --git a/.stylelintrc b/.stylelintrc
index 8f58bb12c51..827e6da2f74 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,43 +1,39 @@
 {
+    "extends": "stylelint-config-standard-scss",
     "rules": {
-        "color-no-invalid-hex": true,
-        "font-family-no-duplicate-names": true,
-        "font-family-name-quotes": "always-where-recommended",
-        "function-name-case": "lower",
-        "function-url-no-scheme-relative": true,
-        "function-url-quotes": "always",
-        "number-no-trailing-zeros": true,
-        "length-zero-no-unit": true,
-        "unit-case": "lower",
-        "unit-no-unknown": true,
-        "property-case": "lower",
-        "property-no-unknown": true,
-        "keyframe-declaration-no-important": true,
-        "declaration-no-important": true,
-        "declaration-block-no-shorthand-property-overrides": true,
-        "declaration-block-single-line-max-declarations": 1,
-        "declaration-block-trailing-semicolon": "always",
-        "declaration-block-semicolon-newline-after": "always-multi-line",
-        "block-no-empty": true,
-        "selector-pseudo-class-no-unknown": true,
-        "selector-pseudo-element-no-unknown": true,
-        "selector-pseudo-element-case": "lower",
-        "selector-type-case": "lower",
-        "selector-type-no-unknown": true,
-        "selector-max-empty-lines": 0,
-        "media-feature-name-case": "lower",
-        "media-feature-name-no-unknown": [
+        "indentation": 4,
+        "string-quotes": "single",
+        "declaration-empty-line-before": "never",
+        "color-function-notation": "legacy",
+        "alpha-value-notation": "number",
+        "property-no-vendor-prefix": null,
+        "value-no-vendor-prefix": null,
+        "at-rule-empty-line-before": null,
+        "no-descending-specificity": null,
+        "value-keyword-case": [
+            "lower",
+            {
+                "ignoreFunctions": ["local"]
+            }
+        ],
+        "max-line-length": null,
+        "font-family-no-missing-generic-family-keyword": [
             true,
             {
-                "ignoreMediaFeatureNames": ["min--moz-device-pixel-ratio"]
+                "ignoreFontFamilies": ["FA-Icons-Contact"]
             }
         ],
-        "comment-no-empty": true,
-        "max-nesting-depth": 5,
-        "no-invalid-double-slash-comments": true,
-        "no-unknown-animations": true,
-        "no-extra-semicolons": true,
-        "no-missing-end-of-source-newline": true,
-        "no-eol-whitespace": true
+        "declaration-block-no-redundant-longhand-properties": [
+            true,
+            {
+                "ignoreShorthands": [
+                    "grid-area",
+                    "grid-column",
+                    "grid-gap",
+                    "grid-row",
+                    "grid-template"
+                ]
+            }
+        ]
     }
 }
diff --git a/Makefile b/Makefile
index 9cfaad46859..25d041307ce 100644
--- a/Makefile
+++ b/Makefile
@@ -19,7 +19,7 @@ help:
 	@echo "  clean         - remove all build, test, coverage and Python artifacts"
 	@echo "  rebuild       - force a rebuild of all of the docker images"
 	@echo "  lint          - check style with Flake8, ESlint, Stylelint, and Prettier"
-	@echo "  format        - format front-end code using Prettier"
+	@echo "  format        - format front-end code using Stylelint and Prettier"
 	@echo "  test          - run tests against local files"
 	@echo "  test-image    - run tests against files in docker image"
 	@echo "  test-cdn      - run CDN tests against TEST_DOMAIN"
@@ -99,7 +99,7 @@ lint: .docker-build-pull
 	${DC} run assets npm run lint
 
 format: .docker-build-pull
-	${DC} run assets npm run prettier
+	${DC} run assets npm run format
 	${DC} run app black .
 
 test: .docker-build-pull
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/brave.html b/bedrock/firefox/templates/firefox/browsers/compare/brave.html
index d998b5b97c4..61a2d0007e0 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/brave.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/brave.html
@@ -47,7 +47,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-brave-comparing-firefox-browser')
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
         <thead>
           <tr>
             <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -107,7 +107,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
         <thead>
           <tr>
             <th>{{ ftl('compare-shared-utility') }}</th>
@@ -188,7 +188,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
         <thead>
           <tr>
             <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/chrome.html b/bedrock/firefox/templates/firefox/browsers/compare/chrome.html
index 553879a171a..39431d3e2ec 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/chrome.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/chrome.html
@@ -53,7 +53,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-chrome-comparing-firefox-browser'
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -108,7 +108,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-utility') }}</th>
@@ -191,7 +191,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/edge.html b/bedrock/firefox/templates/firefox/browsers/compare/edge.html
index 6fc7334c882..dabd5942097 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/edge.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/edge.html
@@ -49,7 +49,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-edge-comparing-firefox-browser-wi
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -102,7 +102,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-utility') }}</th>
@@ -187,7 +187,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/ie.html b/bedrock/firefox/templates/firefox/browsers/compare/ie.html
index 27ac1c1c64c..5f1b79a50dd 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/ie.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/ie.html
@@ -51,7 +51,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-ie-comparing-firefox-browser-with
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -101,7 +101,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-utility') }}</th>
@@ -181,7 +181,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/opera.html b/bedrock/firefox/templates/firefox/browsers/compare/opera.html
index 0d1697be0db..d5efe4e012c 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/opera.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/opera.html
@@ -49,7 +49,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-opera-comparing-firefox-browser')
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -102,7 +102,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-utility') }}</th>
@@ -181,7 +181,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/bedrock/firefox/templates/firefox/browsers/compare/safari.html b/bedrock/firefox/templates/firefox/browsers/compare/safari.html
index 2da4b4803e5..8c3ac23280e 100644
--- a/bedrock/firefox/templates/firefox/browsers/compare/safari.html
+++ b/bedrock/firefox/templates/firefox/browsers/compare/safari.html
@@ -49,7 +49,7 @@ <h1 class="compare-hero-title">{{ ftl('compare-safari-comparing-firefox-browser'
         <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-security-and-privacy') }}</th>
@@ -104,7 +104,7 @@ <h2>{{ ftl('compare-shared-security-and-privacy-strong') }}</h2>
         <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-utility') }}</th>
@@ -194,7 +194,7 @@ <h2>{{ ftl('compare-shared-utility-strong') }}</h2>
         <h2>{{ ftl('compare-shared-portability-strong') }}</h2>
       </header>
 
-      <table class="mzp-u-data-table compare-table compare-table--details">
+      <table class="mzp-u-data-table compare-table compare-table-details">
           <thead>
             <tr>
               <th>{{ ftl('compare-shared-portability') }}</th>
diff --git a/media/css/base/banners/firefox-app-store.scss b/media/css/base/banners/firefox-app-store.scss
index de73a081179..e14652e23eb 100644
--- a/media/css/base/banners/firefox-app-store.scss
+++ b/media/css/base/banners/firefox-app-store.scss
@@ -8,9 +8,9 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
 #firefox-app-store-banner {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
     position: relative;
-    z-index: 1000; //banner shares same z-index as sticky nav.
+    z-index: 1000; // banner shares same z-index as sticky nav.
 
     // conditional messaging for iOS (Android is default)
     .show-ios {
@@ -48,7 +48,7 @@ $image-path: '/media/protocol/img';
     .c-banner-button {
         @include bidi(((margin-left, auto, margin-right, 0),));
         @include text-body-md;
-        background-color: #68A036;
+        background-color: #68a036;
         border-radius: $border-radius-sm;
         color: $color-white;
         padding: $spacing-xs $spacing-md;
@@ -78,7 +78,7 @@ $image-path: '/media/protocol/img';
         @include bidi(((padding-right, $spacing-lg, 0), (padding-left, 0, $spacing-lg),));
         @include text-body-md;
         color: $color-black;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
         font-weight: 500;
         line-height: 1.2;
         margin: 0;
@@ -111,7 +111,7 @@ $image-path: '/media/protocol/img';
         &:hover,
         &:focus {
             @include transform(scale(1.1));
-            @include transition(transform .1s ease-in-out);
+            @include transition(transform 0.1s ease-in-out);
         }
 
         &:focus {
diff --git a/media/css/base/banners/fundraiser.scss b/media/css/base/banners/fundraiser.scss
index ec9849ba969..1cce4021ee2 100644
--- a/media/css/base/banners/fundraiser.scss
+++ b/media/css/base/banners/fundraiser.scss
@@ -55,7 +55,7 @@ $image-path: '/media/protocol/img';
 
         &:focus,
         &:hover {
-            background-color: rgba(255, 255, 255, .15);
+            background-color: rgba(255, 255, 255, 0.15);
         }
     }
 
@@ -81,7 +81,7 @@ $image-path: '/media/protocol/img';
         top: 0;
 
         &:checked + .mzp-c-button.mzp-t-secondary {
-            background-color: rgba(255, 255, 255, .25);
+            background-color: rgba(255, 255, 255, 0.25);
             font-weight: bold;
         }
     }
diff --git a/media/css/base/banners/includes/_base.scss b/media/css/base/banners/includes/_base.scss
index 01de0d157d7..375e32d1e6b 100644
--- a/media/css/base/banners/includes/_base.scss
+++ b/media/css/base/banners/includes/_base.scss
@@ -44,7 +44,6 @@ $image-path: '/media/protocol/img';
             padding-top: $spacing-lg;
             padding-bottom: $spacing-lg;
         }
-
     }
 }
 
@@ -101,7 +100,7 @@ $image-path: '/media/protocol/img';
 
     &:hover,
     &:focus {
-        @include transition(transform .1s ease-in-out);
+        @include transition(transform 0.1s ease-in-out);
         @include transform(scale(1.1));
     }
 
diff --git a/media/css/base/banners/mobile-compare.scss b/media/css/base/banners/mobile-compare.scss
index b7c8cfef6cf..f9eaf5ccdd0 100644
--- a/media/css/base/banners/mobile-compare.scss
+++ b/media/css/base/banners/mobile-compare.scss
@@ -76,7 +76,7 @@ $image-path: '/media/protocol/img';
 
         &:hover,
         &:focus {
-            @include transition(transform .1s ease-in-out);
+            @include transition(transform 0.1s ease-in-out);
             @include transform(scale(1.1));
         }
 
diff --git a/media/css/base/mozilla-fxa-state.scss b/media/css/base/mozilla-fxa-state.scss
index a111582805d..3a355c12886 100644
--- a/media/css/base/mozilla-fxa-state.scss
+++ b/media/css/base/mozilla-fxa-state.scss
@@ -14,12 +14,12 @@
 }
 
 // Show elements for current variation
-.state-fxa-supported-signed-in  .show-fxa-supported-signed-in,
+.state-fxa-supported-signed-in .show-fxa-supported-signed-in,
 .state-fxa-supported-signed-out .show-fxa-supported-signed-out,
-.state-fxa-unsupported          .show-fxa-unsupported,
-.state-fxa-android              .show-fxa-android,
-.state-fxa-ios                  .show-fxa-ios,
-.state-fxa-not-fx               .show-fxa-not-fx,
-.state-fxa-default              .show-fxa-default {
+.state-fxa-unsupported .show-fxa-unsupported,
+.state-fxa-android .show-fxa-android,
+.state-fxa-ios .show-fxa-ios,
+.state-fxa-not-fx .show-fxa-not-fx,
+.state-fxa-default .show-fxa-default {
     display: block;
 }
diff --git a/media/css/base/mozilla-lazy-image.scss b/media/css/base/mozilla-lazy-image.scss
index ef6af4b081c..12dc7999cf1 100644
--- a/media/css/base/mozilla-lazy-image.scss
+++ b/media/css/base/mozilla-lazy-image.scss
@@ -5,7 +5,7 @@
 /* -------------------------------------------------------------------------- */
 // lazy loaded images
 
-//don't display placeholder at same time as <img> in <noscript>
+// don't display placeholder at same time as <img> in <noscript>
 .no-js {
     .lazy-image {
         display: none;
diff --git a/media/css/base/page-not-found.scss b/media/css/base/page-not-found.scss
index e8ffe9d7e39..e42afe5e3be 100644
--- a/media/css/base/page-not-found.scss
+++ b/media/css/base/page-not-found.scss
@@ -7,7 +7,6 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-
 .page-header {
     .mzp-l-content {
         padding-top: $layout-sm;
@@ -18,7 +17,7 @@ $image-path: '/media/protocol/img';
         .logo-mozilla {
             display: inline-block;
 
-            &:after {
+            &::after {
                 @include bidi(((float, right, left),));
                 background: $color-marketing-gray-30;
                 content: '';
@@ -77,8 +76,8 @@ $image-path: '/media/protocol/img';
     color: $color-link;
     cursor: pointer;
 
-    &:before {
-        content:"\2190\0020";
+    &::before {
+        content: '\2190\0020';
     }
 }
 
@@ -86,7 +85,6 @@ $image-path: '/media/protocol/img';
     display: none;
 }
 
-
 .prose { // Fallback content only
     list-style-type: disc;
     padding-left: $spacing-xl;
diff --git a/media/css/contentful/c-logo.scss b/media/css/contentful/c-logo.scss
index 1c412a8caaf..5ffb4f7f259 100644
--- a/media/css/contentful/c-logo.scss
+++ b/media/css/contentful/c-logo.scss
@@ -32,4 +32,3 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-vpn';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-pocket';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-relay';
-
diff --git a/media/css/contentful/firefox/c-article.scss b/media/css/contentful/firefox/c-article.scss
index b3b2e952c09..4b34564a36a 100644
--- a/media/css/contentful/firefox/c-article.scss
+++ b/media/css/contentful/firefox/c-article.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-call-out.scss b/media/css/contentful/firefox/c-call-out.scss
index f5a0524e64d..c595764bb34 100644
--- a/media/css/contentful/firefox/c-call-out.scss
+++ b/media/css/contentful/firefox/c-call-out.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-card.scss b/media/css/contentful/firefox/c-card.scss
index cc7c5ace4c7..dba2a330224 100644
--- a/media/css/contentful/firefox/c-card.scss
+++ b/media/css/contentful/firefox/c-card.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-hero.scss b/media/css/contentful/firefox/c-hero.scss
index 63243fc9950..b1a12b16777 100644
--- a/media/css/contentful/firefox/c-hero.scss
+++ b/media/css/contentful/firefox/c-hero.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-picto.scss b/media/css/contentful/firefox/c-picto.scss
index fd811dd1b87..2d9f2fe5bcb 100644
--- a/media/css/contentful/firefox/c-picto.scss
+++ b/media/css/contentful/firefox/c-picto.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-section-heading.scss b/media/css/contentful/firefox/c-section-heading.scss
index 4cefbabc4c5..b111f070504 100644
--- a/media/css/contentful/firefox/c-section-heading.scss
+++ b/media/css/contentful/firefox/c-section-heading.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/c-split.scss b/media/css/contentful/firefox/c-split.scss
index 8dce30f3d0c..683d95d20fb 100644
--- a/media/css/contentful/firefox/c-split.scss
+++ b/media/css/contentful/firefox/c-split.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/t-card-layout.scss b/media/css/contentful/firefox/t-card-layout.scss
index 0dcc580f919..8406502c1da 100644
--- a/media/css/contentful/firefox/t-card-layout.scss
+++ b/media/css/contentful/firefox/t-card-layout.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/firefox/t-multi-column.scss b/media/css/contentful/firefox/t-multi-column.scss
index a1774b2787b..82312545e86 100644
--- a/media/css/contentful/firefox/t-multi-column.scss
+++ b/media/css/contentful/firefox/t-multi-column.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'firefox';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-article.scss b/media/css/contentful/mozilla/c-article.scss
index 25e31a73a70..c07588699cd 100644
--- a/media/css/contentful/mozilla/c-article.scss
+++ b/media/css/contentful/mozilla/c-article.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-call-out.scss b/media/css/contentful/mozilla/c-call-out.scss
index d07651cfa96..a7eeb99b538 100644
--- a/media/css/contentful/mozilla/c-call-out.scss
+++ b/media/css/contentful/mozilla/c-call-out.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-card.scss b/media/css/contentful/mozilla/c-card.scss
index 6f89ba056c4..50590612213 100644
--- a/media/css/contentful/mozilla/c-card.scss
+++ b/media/css/contentful/mozilla/c-card.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-hero.scss b/media/css/contentful/mozilla/c-hero.scss
index 3bbb869a192..2be1c73da25 100644
--- a/media/css/contentful/mozilla/c-hero.scss
+++ b/media/css/contentful/mozilla/c-hero.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-picto.scss b/media/css/contentful/mozilla/c-picto.scss
index 385ee88c290..6b7a373c500 100644
--- a/media/css/contentful/mozilla/c-picto.scss
+++ b/media/css/contentful/mozilla/c-picto.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-section-heading.scss b/media/css/contentful/mozilla/c-section-heading.scss
index 23de1d7db76..0b096a6bed5 100644
--- a/media/css/contentful/mozilla/c-section-heading.scss
+++ b/media/css/contentful/mozilla/c-section-heading.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/c-split.scss b/media/css/contentful/mozilla/c-split.scss
index f6f1fa9d57e..6a7ba4a467f 100644
--- a/media/css/contentful/mozilla/c-split.scss
+++ b/media/css/contentful/mozilla/c-split.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/t-card-layout.scss b/media/css/contentful/mozilla/t-card-layout.scss
index 84274a73f7a..bd088292226 100644
--- a/media/css/contentful/mozilla/t-card-layout.scss
+++ b/media/css/contentful/mozilla/t-card-layout.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/contentful/mozilla/t-multi-column.scss b/media/css/contentful/mozilla/t-multi-column.scss
index 6f5c78cc65e..2038341be8d 100644
--- a/media/css/contentful/mozilla/t-multi-column.scss
+++ b/media/css/contentful/mozilla/t-multi-column.scss
@@ -4,7 +4,6 @@
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
-
 $brand-theme: 'mozilla';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
diff --git a/media/css/exp/opt-out.scss b/media/css/exp/opt-out.scss
index 28695a777a5..41ccc6d4457 100644
--- a/media/css/exp/opt-out.scss
+++ b/media/css/exp/opt-out.scss
@@ -2,6 +2,5 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
diff --git a/media/css/firefox/accounts-2019.scss b/media/css/firefox/accounts-2019.scss
index 5657d130032..016e2dd1a0a 100644
--- a/media/css/firefox/accounts-2019.scss
+++ b/media/css/firefox/accounts-2019.scss
@@ -13,8 +13,7 @@
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 
 .c-accounts-hero {
@@ -96,9 +95,7 @@
     }
 }
 
-
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // FxA signup form
 
 .c-accounts-form {
@@ -128,8 +125,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Products
 
 .c-product-list {
@@ -240,7 +236,6 @@
             @include bidi(((background-position, left top, right top),));
         }
     }
-
 }
 
 .c-product-list-desc {
@@ -256,8 +251,7 @@
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Value propositions
 
 .c-accounts-value {
@@ -431,8 +425,7 @@
     @include text-title-md;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Join the movement
 
 .c-accounts-movement .c-section-title {
@@ -499,8 +492,7 @@
     @include text-body-lg;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Flip backgrounds for right-to-left languages
 
 [dir='rtl'] {
@@ -513,9 +505,8 @@
             z-index: 2;
         }
 
-
         @media #{$mq-md} {
-            &:after {
+            &::after {
                 @include background-size(1660px 275px);
                 background-image: url('/media/img/firefox/accounts/trailhead/accounts-hero-logged-out.svg');
                 background-position: center top;
@@ -534,7 +525,7 @@
         }
 
         @media #{$mq-lg} {
-            &:after {
+            &::after {
                 @include background-size(3441px 570px);
                 height: 570px;
                 left: 50%;
@@ -545,7 +536,7 @@
     }
 
     @media #{$mq-md} {
-        .state-fxa-supported-signed-in .c-accounts-hero:after {
+        .state-fxa-supported-signed-in .c-accounts-hero::after {
             @include background-size(2188px 275px);
             background-image: url('/media/img/firefox/accounts/trailhead/accounts-hero-logged-in.svg');
             height: 275px;
@@ -555,7 +546,7 @@
     }
 
     @media #{$mq-lg} {
-        .state-fxa-supported-signed-in .c-accounts-hero:after {
+        .state-fxa-supported-signed-in .c-accounts-hero::after {
             @include background-size(3500px 440px);
             height: 440px;
             margin-left: -1750px;
@@ -563,4 +554,3 @@
         }
     }
 }
-
diff --git a/media/css/firefox/all/all-unified.scss b/media/css/firefox/all/all-unified.scss
index 40eea1e38bd..528655df9c0 100644
--- a/media/css/firefox/all/all-unified.scss
+++ b/media/css/firefox/all/all-unified.scss
@@ -2,6 +2,8 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
+@use 'sass:color';
+
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
@@ -19,71 +21,73 @@ $image-path: '/media/protocol/img';
         display: none;
     }
 
-    &[data-current^="desktop"] {
+    &[data-current^='desktop'] {
         #download-button-primary {
             display: inline-block;
         }
     }
 
-    &[data-current="desktop_release"] {
-        [data-product="desktop_release"] {
+    &[data-current='desktop_release'] {
+        [data-product='desktop_release'] {
             display: block;
         }
     }
 
-    &[data-current="desktop_beta"] {
-       [data-product="desktop_beta"] {
+    &[data-current='desktop_beta'] {
+        [data-product='desktop_beta'] {
             display: block;
         }
     }
 
-    &[data-current="desktop_developer"] {
-        [data-product="desktop_developer"] {
+    &[data-current='desktop_developer'] {
+        [data-product='desktop_developer'] {
             display: block;
         }
     }
 
-    &[data-current="desktop_nightly"] {
-        [data-product="desktop_nightly"] {
+    &[data-current='desktop_nightly'] {
+        [data-product='desktop_nightly'] {
             display: block;
         }
     }
 
-    &[data-current="desktop_esr"] {
-        [data-product="desktop_esr"] {
+    &[data-current='desktop_esr'] {
+        [data-product='desktop_esr'] {
             display: block;
         }
     }
 
-    &[data-current="desktop_esr_next"] {
-        [data-product="desktop_esr_next"] {
+    &[data-current='desktop_esr_next'] {
+        [data-product='desktop_esr_next'] {
             display: block;
         }
 
         // ESR Next has the same product links as regular ESR
-        .c-product-links[data-product="desktop_esr"] {
+        .c-product-links[data-product='desktop_esr'] {
             display: block;
         }
     }
 
-    &[data-current="android_release"] {
-        [data-product="android_release"] {
+    &[data-current='android_release'] {
+        [data-product='android_release'] {
             display: block;
         }
     }
-    &[data-current="android_beta"] {
-        [data-product="android_beta"] {
+
+    &[data-current='android_beta'] {
+        [data-product='android_beta'] {
             display: block;
         }
     }
-    &[data-current="android_nightly"] {
-        [data-product="android_nightly"] {
+
+    &[data-current='android_nightly'] {
+        [data-product='android_nightly'] {
             display: block;
         }
     }
 
-    &[data-current="ios_release"] {
-        [data-product="ios_release"] {
+    &[data-current='ios_release'] {
+        [data-product='ios_release'] {
             display: block;
         }
     }
@@ -105,17 +109,17 @@ $image-path: '/media/protocol/img';
         margin-bottom: $spacing-xl;
         padding-top: 64px + $spacing-lg;
 
-        [data-current="desktop_beta"] &,
-        [data-current="android_beta"] & {
+        [data-current='desktop_beta'] &,
+        [data-current='android_beta'] & {
             background-image: url('/media/protocol/img/logos/firefox/browser/beta/logo.svg');
         }
 
-        [data-current="desktop_developer"] &{
+        [data-current='desktop_developer'] & {
             background-image: url('/media/protocol/img/logos/firefox/browser/developer/logo.svg');
         }
 
-        [data-current="desktop_nightly"] &,
-        [data-current="android_nightly"] & {
+        [data-current='desktop_nightly'] &,
+        [data-current='android_nightly'] & {
             background-image: url('/media/protocol/img/logos/firefox/browser/nightly/logo.svg');
         }
     }
@@ -190,18 +194,19 @@ $image-path: '/media/protocol/img';
 }
 
 .c-download-info {
-    border-bottom: 1px solid rgba(0, 0, 0, .2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     margin-bottom: $layout-sm;
     width: 100%;
 }
 
 .c-download-info-caption {
-    @include field-label();
+    @include field-label;
     display: table-caption;
 }
 
 .c-download-info-label {
     font-weight: normal;
+
     // make first column as narrow as possible https://stackoverflow.com/a/11267268/462195
     width: 1%;
     white-space: nowrap;
@@ -236,12 +241,12 @@ $image-path: '/media/protocol/img';
 
 .c-download-button {
     a {
-        display:inline-block;
+        display: inline-block;
     }
 
-    a[data-link-type="download"]:focus,
-    a[data-link-type="download"]:active {
-        box-shadow: 0 0 0 2px $field-border-color-hover, 0 0 0 4px mix($color-blue-40, $color-white);
+    a[data-link-type='download']:focus,
+    a[data-link-type='download']:active {
+        box-shadow: 0 0 0 2px $field-border-color-hover, 0 0 0 4px color.mix($color-blue-40, $color-white);
         border-radius: 6px;
         background-color: $field-border-color-hover;
     }
@@ -324,13 +329,11 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Custom narrow modal style.
 // These should be standardized into a narrow theme.
 // https://github.com/mozilla/protocol/issues/358
 
- .mzp-c-modal.help-modal {
-
+.mzp-c-modal.help-modal {
     .mzp-c-modal-window > .mzp-c-modal-inner {
         background: transparent;
         max-width: 600px;
diff --git a/media/css/firefox/browsers-products.scss b/media/css/firefox/browsers-products.scss
index 0b8a472ecf0..6471d911d3b 100644
--- a/media/css/firefox/browsers-products.scss
+++ b/media/css/firefox/browsers-products.scss
@@ -14,33 +14,32 @@ $brand-theme: 'firefox';
 @import '../protocol/components/custom-menu-list';
 @import './sticky-promo';
 
-
 $send-svg: '<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(3.000000, 1.000000)" stroke="#{$color-link-hover}" stroke-width="2"><path d="M2,16 L2,20 C2,21.1045695 2.8954305,22 4,22 L14,22 C15.1045695,22 16,21.1045695 16,20 L16,2 C16,0.8954305 15.1045695,-2.02906125e-16 14,0 L4,0 C2.8954305,2.02906125e-16 2,0.8954305 2,2 L2,6" stroke-linecap="round"></path><path d="M2,4 L16,4"></path><path d="M2,18 L16,18"></path><path d="M3.55271368e-15,11 L10,11" stroke-linecap="round" stroke-linejoin="round"></path><polyline stroke-linecap="round" stroke-linejoin="round" points="6 7 10 11 6 15"></polyline></g></g></svg>';
 $send-url: svg-url($send-svg);
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // put spacing into variables so it's easier to adjust spacing at each break point
 
 // xs
 $v-grid-xs: $layout-xs;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-md;
 $h-grid-md: $layout-lg;
 
-//lg
+// lg
 $v-grid-lg: $layout-lg;
 $h-grid-lg: $layout-xl;
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // utility class
 
 .hidden {
     display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Protocol over-rides
 
 .mzp-c-menu-list {
@@ -52,11 +51,11 @@ $h-grid-lg: $layout-xl;
     margin-bottom: 0;
 }
 
-.mzp-t-download .mzp-c-menu-list-item.t-web a:hover:after {
+.mzp-t-download .mzp-c-menu-list-item.t-web a:hover::after {
     display: none;
 }
 
-.mzp-t-download .mzp-c-menu-list-item.t-getapp a:hover:after {
+.mzp-t-download .mzp-c-menu-list-item.t-getapp a:hover::after {
     background-image: $send-url;
 }
 
@@ -93,10 +92,9 @@ main .mzp-l-content {
             background-color: $color-marketing-gray-20;
         }
     }
-
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // use split component for top banner
 
 .c-landing-banner {
@@ -113,7 +111,7 @@ main .mzp-l-content {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // landing grid
 
 .c-landing-grid-item {
@@ -174,7 +172,7 @@ main .mzp-l-content {
         margin-bottom: $v-grid-md * 2;
         margin-left: $h-grid-md;
         max-width: 100%;
-        width: calc(50% - #{$h-grid-md * 0.5}) ;
+        width: calc(50% - #{$h-grid-md * 0.5});
 
         &:nth-child(odd) {
             clear: left;
@@ -191,25 +189,24 @@ main .mzp-l-content {
     .c-landing-grid-item {
         margin-bottom: $v-grid-lg * 2;
         margin-left: $h-grid-lg;
-        width: calc(50% - #{$h-grid-lg * 0.5}) ;
+        width: calc(50% - #{$h-grid-lg * 0.5});
     }
 }
 
 // column grid for browsers that do support grid
 @supports (display:grid) {
-
     // two column
     @media #{$mq-md} {
         .c-landing-grid {
             @include grid-column-gap($h-grid-md);
             @include grid-row-gap(#{$v-grid-md * 2});
             display: grid;
-            grid-template-columns: repeat(2, minmax(0, 1fr) );
+            grid-template-columns: repeat(2, minmax(0, 1fr));
         }
 
         // need to remove :after added by .mzp-l-content or we get an extra grid row
         // added for clearfix purposes but grids don't need a clearfix
-        .c-landing-grid:after {
+        .c-landing-grid::after {
             content: none;
         }
 
@@ -228,17 +225,17 @@ main .mzp-l-content {
         }
     }
 
-     // three column
+    // three column
     @media #{$mq-lg} {
         .c-landing-grid {
             @include grid-column-gap($h-grid-lg);
             @include grid-row-gap(#{$v-grid-lg * 2});
-            grid-template-columns: repeat(3, minmax(0, 1fr) );
+            grid-template-columns: repeat(3, minmax(0, 1fr));
         }
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Download icon for "download for desktop" link
 
 @function download-arrow($color) {
@@ -268,12 +265,12 @@ $url-download-link-hover: svg-url($download-link-hover);
         background: $color-marketing-gray-20;
         border-color: $color-marketing-gray-40;
 
-        &:before {
+        &::before {
             border-color: $color-marketing-gray-40;
         }
     }
 
-    &:after {
+    &::after {
         @include background-size(23px);
         @include bidi(((right, $spacing-md, left, auto),));
         background-image: $url-download-link;
@@ -287,13 +284,12 @@ $url-download-link-hover: svg-url($download-link-hover);
         width: 16px;
     }
 
-    &:hover:after {
+    &:hover::after {
         background-image: $url-download-link-hover;
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Mobile download links, show app store links when user is on mobile
 
 .appstore-android,
@@ -335,7 +331,7 @@ $url-download-link-hover: svg-url($download-link-hover);
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // dev tools and desktop compare blocks
 
 .t-dev,
@@ -406,7 +402,7 @@ $url-download-link-hover: svg-url($download-link-hover);
     }
 }
 
-@media (min-width:#{$screen-lg}) and (max-width:#{$screen-xl - 1px}) {
+@media (min-width: #{$screen-lg}) and (max-width: #{$screen-xl - 1px}) {
     .t-dev {
         .mzp-c-card-feature.mzp-l-card-feature-left-half {
             display: block;
@@ -423,8 +419,7 @@ $url-download-link-hover: svg-url($download-link-hover);
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // FxA account signup form
 
 // box around form
@@ -444,7 +439,7 @@ $url-download-link-hover: svg-url($download-link-hover);
         margin-bottom: $v-grid-lg;
         max-width: 100%;
 
-        &:after {
+        &::after {
             @include bidi((
                 (right, $layout-md, calc(560px + #{$layout-md * 2})),
                 (left, calc(560px + #{$layout-md * 2}), $layout-md),
@@ -460,7 +455,7 @@ $url-download-link-hover: svg-url($download-link-hover);
     }
 
     @media #{$mq-xl} {
-        &:after {
+        &::after {
             background-size: auto;
         }
     }
@@ -490,7 +485,7 @@ $url-download-link-hover: svg-url($download-link-hover);
 
 .fxa-email-field-container {
     @media #{$mq-md} {
-        @supports(display:grid) {
+        @supports (display:grid) {
             & {
                 @include grid-column-gap($spacing-lg);
                 display: grid;
@@ -505,8 +500,8 @@ $url-download-link-hover: svg-url($download-link-hover);
                 display: block; // not flex
 
                 // put in fake form label to push button down height of real form label next to it
-                &:before {
-                    @include field-label();
+                &::before {
+                    @include field-label;
                     content: '.';
                     visibility: hidden;
                 }
diff --git a/media/css/firefox/browsers/best-browser.scss b/media/css/firefox/browsers/best-browser.scss
index 3369c991a3a..d13da06e763 100644
--- a/media/css/firefox/browsers/best-browser.scss
+++ b/media/css/firefox/browsers/best-browser.scss
@@ -5,9 +5,9 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/article";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/article';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
@@ -67,7 +67,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 /* -------------------------------------------------------------------------- */
 // Call out
 
diff --git a/media/css/firefox/browsers/browser-history.scss b/media/css/firefox/browsers/browser-history.scss
index e0dd86eda65..06f028f3be6 100644
--- a/media/css/firefox/browsers/browser-history.scss
+++ b/media/css/firefox/browsers/browser-history.scss
@@ -7,8 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 
 .mzp-c-article {
     margin: 0 auto $layout-lg;
@@ -36,4 +35,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
diff --git a/media/css/firefox/browsers/chromebook.scss b/media/css/firefox/browsers/chromebook.scss
index d2b6ece61e8..f89ab66686b 100644
--- a/media/css/firefox/browsers/chromebook.scss
+++ b/media/css/firefox/browsers/chromebook.scss
@@ -13,12 +13,11 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 @import '../../protocol/components/custom-menu-list';
 
-
 .mzp-c-section-heading span {
     @include zap('/media/protocol/img/zaps/zap-09.svg');
 }
 
-.mzp-c-menu-list-item.t-sumo a:hover:after {
+.mzp-c-menu-list-item.t-sumo a:hover::after {
     display: none;
 }
 
diff --git a/media/css/firefox/browsers/incognito-browser.scss b/media/css/firefox/browsers/incognito-browser.scss
index c06b037d49e..d14be74cf4b 100644
--- a/media/css/firefox/browsers/incognito-browser.scss
+++ b/media/css/firefox/browsers/incognito-browser.scss
@@ -7,8 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 
 .mzp-c-article {
     margin: $layout-lg auto;
@@ -41,4 +40,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
diff --git a/media/css/firefox/browsers/mobile.scss b/media/css/firefox/browsers/mobile.scss
index f00ba7c149a..6d5bcd83033 100644
--- a/media/css/firefox/browsers/mobile.scss
+++ b/media/css/firefox/browsers/mobile.scss
@@ -11,7 +11,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-firefox';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-focus';
 
-
 @media #{$mq-lg} {
     .c-page-header::before {
         background-repeat: no-repeat;
@@ -80,7 +79,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Inline form variation
 
 .c-inline-form {
@@ -114,8 +113,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Download buttons
 
 .mobile-download-buttons-wrapper {
@@ -159,7 +157,6 @@ $image-path: '/media/protocol/img';
     display: none;
 }
 
-
 // very basic styling for no-JS visitors
 .no-js {
     .header-product-ctas {
@@ -202,8 +199,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Send to Device overrides
 
 #send-to-device {
diff --git a/media/css/firefox/browsers/quantum.scss b/media/css/firefox/browsers/quantum.scss
index d75de254df9..d1e6720920e 100644
--- a/media/css/firefox/browsers/quantum.scss
+++ b/media/css/firefox/browsers/quantum.scss
@@ -5,14 +5,13 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
 @import '~@mozilla-protocol/core/protocol/css/components/emphasis-box';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-
 .mzp-c-emphasis-box {
     margin-bottom: $layout-xl;
 }
diff --git a/media/css/firefox/browsers/update-browser.scss b/media/css/firefox/browsers/update-browser.scss
index 827b5b666e5..78f57fe74a1 100644
--- a/media/css/firefox/browsers/update-browser.scss
+++ b/media/css/firefox/browsers/update-browser.scss
@@ -7,8 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 
 .mzp-c-article {
     margin: $layout-lg auto;
@@ -36,5 +35,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
-
diff --git a/media/css/firefox/browsers/what-is-a-browser.scss b/media/css/firefox/browsers/what-is-a-browser.scss
index 8d6760953a3..04e71cc1d7e 100644
--- a/media/css/firefox/browsers/what-is-a-browser.scss
+++ b/media/css/firefox/browsers/what-is-a-browser.scss
@@ -8,7 +8,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
 
-
 .mzp-c-article {
     margin: 0 auto $layout-lg;
 
diff --git a/media/css/firefox/browsers/windows-64-bit.scss b/media/css/firefox/browsers/windows-64-bit.scss
index 6999d7a53c4..2469d56cafc 100644
--- a/media/css/firefox/browsers/windows-64-bit.scss
+++ b/media/css/firefox/browsers/windows-64-bit.scss
@@ -65,8 +65,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call out
 
 .mzp-c-call-out-compact.mzp-t-dark {
diff --git a/media/css/firefox/channel.scss b/media/css/firefox/channel.scss
index b82214cad1c..bb5820621a4 100644
--- a/media/css/firefox/channel.scss
+++ b/media/css/firefox/channel.scss
@@ -13,7 +13,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/emphasis-box';
 @import '../protocol/components/sub-navigation';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Content
 
 #beta .mzp-l-content,
@@ -23,7 +23,7 @@ $image-path: '/media/protocol/img';
     max-width: $content-lg;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 .mzp-c-hero {
     background-color: $color-marketing-gray-20;
@@ -33,7 +33,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call-outs
 
 .mzp-c-call-out-compact {
@@ -51,7 +51,6 @@ $image-path: '/media/protocol/img';
             }
         }
     }
-
 }
 
 .l-notes {
@@ -74,12 +73,13 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Newsletter
 // styles from developer/includes/newsletter.scss
 
 .t-newsletter {
     padding: $layout-md $layout-xs;
+
     .mzp-l-content {
         max-width: $content-sm;
         min-width: 0;
@@ -98,12 +98,12 @@ $image-path: '/media/protocol/img';
         padding-top: 0;
         @include font-size(14px);
 
-        input[type=email],
+        input[type='email'],
         select {
             min-width: 0; // https://github.com/mozilla/protocol/issues/607
         }
 
-        label[for=id_email]{
+        label[for='id_email'] {
             @include visually-hidden;
         }
 
diff --git a/media/css/firefox/compare/compare-details.scss b/media/css/firefox/compare/compare-details.scss
index 8f012ee46fe..2827238a9fc 100644
--- a/media/css/firefox/compare/compare-details.scss
+++ b/media/css/firefox/compare/compare-details.scss
@@ -2,10 +2,10 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/menu-list';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 
 .compare-details-hero {
@@ -40,9 +40,11 @@
     0% {
         transform: translateY(0);
     }
+
     50% {
         transform: translateY(-12px);
     }
+
     100% {
         transform: translateY(0);
     }
@@ -70,7 +72,7 @@
     &::before {
         background: $color-marketing-gray-20;
         border-radius: 10px;
-        content: " ";
+        content: ' ';
         display: table;
         height: 100px;
         left: 50%;
@@ -112,7 +114,7 @@
     }
 }
 
-.mzp-u-data-table.compare-table--details {
+.mzp-u-data-table.compare-table-details {
     max-width: 480px;
 }
 
diff --git a/media/css/firefox/compare/compare.scss b/media/css/firefox/compare/compare.scss
index 65f4d063baf..b4bb648448d 100644
--- a/media/css/firefox/compare/compare.scss
+++ b/media/css/firefox/compare/compare.scss
@@ -2,11 +2,11 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
 @import '../../protocol/components/sub-navigation';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 
 .compare-hero-title {
@@ -58,7 +58,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Summary section
 
 .compare-section-summary {
@@ -98,6 +98,7 @@
             margin-right: auto;
         }
     }
+
     .compare-section-summary-image {
         @media #{$mq-md} {
             width: 50%;
@@ -180,14 +181,14 @@
 }
 
 .compare-section-conclusion .compare-section-header h2 {
-    margin-bottom: .45em;
+    margin-bottom: 0.45em;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Heading zaps ⚡️
 
 .compare-section-privacy .compare-section-header h2 strong {
-    @include zap("/media/protocol/img/zaps/zap-09.svg");
+    @include zap('/media/protocol/img/zaps/zap-09.svg');
 
     &::after {
         top: 100%;
@@ -195,7 +196,7 @@
 }
 
 .compare-section-utility .compare-section-header h2 strong {
-    @include zap("/media/protocol/img/zaps/zap-07.svg");
+    @include zap('/media/protocol/img/zaps/zap-07.svg');
 
     &::after {
         top: 100%;
@@ -203,7 +204,7 @@
 }
 
 .compare-section-portability .compare-section-header h2 strong {
-    @include zap("/media/protocol/img/zaps/zap-08.svg");
+    @include zap('/media/protocol/img/zaps/zap-08.svg');
 
     &::after {
         top: 100%;
@@ -211,7 +212,7 @@
 }
 
 .compare-section-features .compare-section-header h2 strong {
-    @include zap("/media/protocol/img/zaps/zap-11.svg");
+    @include zap('/media/protocol/img/zaps/zap-11.svg');
 
     &::after {
         top: 100%;
@@ -219,14 +220,14 @@
 }
 
 .compare-section-syncing .compare-section-header h2 strong {
-    @include zap("/media/protocol/img/zaps/zap-06.svg");
+    @include zap('/media/protocol/img/zaps/zap-06.svg');
 
     &::after {
         top: 100%;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Comparison tables
 
 .mzp-u-data-table.compare-table {
@@ -286,7 +287,6 @@
         }
 
         tr:last-child {
-
             th,
             td {
                 border-bottom: 1px solid $color-marketing-gray-20;
@@ -313,7 +313,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Bottom mission box
 
 .compare-mission-section {
@@ -370,13 +370,13 @@
     margin-top: $layout-lg;
     padding-top: $spacing-lg;
 
-    p, br {
+    p,
+    br {
         margin-bottom: $spacing-sm;
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Send to Device widget overrides
 .compare-section-getapp {
     text-align: center;
diff --git a/media/css/firefox/developer/developer.scss b/media/css/firefox/developer/developer.scss
index bae027e87e5..1b837b43a51 100644
--- a/media/css/firefox/developer/developer.scss
+++ b/media/css/firefox/developer/developer.scss
@@ -16,8 +16,7 @@ $image-path: '/media/protocol/img';
 @import 'includes/newsletter';
 @import 'includes/performance';
 
-
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Title and subtitles for entire page
 
 .c-title {
@@ -46,7 +45,6 @@ $image-path: '/media/protocol/img';
 
 @media #{$mq-md} {
     .c-subtitle {
-
         .t-features & {
             margin-bottom: $layout-xl;
 
@@ -57,12 +55,11 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Padding for page content sections
 
 .t-highlights,
 .t-features {
-
     &.mzp-l-content {
         padding-top: $layout-md;
         padding-bottom: $layout-sm;
diff --git a/media/css/firefox/developer/includes/engage.scss b/media/css/firefox/developer/includes/engage.scss
index 1c466fcd8c0..4612362f981 100644
--- a/media/css/firefox/developer/includes/engage.scss
+++ b/media/css/firefox/developer/includes/engage.scss
@@ -8,12 +8,12 @@
 
 $brand-theme: 'firefox';
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Engagement
 
 .t-engage {
     background: #010817;
-    background: linear-gradient(#09204D, #010817);
+    background: linear-gradient(#09204d, #010817);
     color: #fff;
     padding-top: $layout-sm;
     padding-bottom: $layout-sm;
@@ -33,6 +33,7 @@ $brand-theme: 'firefox';
             margin-bottom: $layout-md;
         }
     }
+
     .mzp-c-picto-heading {
         @include text-title-md;
     }
diff --git a/media/css/firefox/developer/includes/gallery-grid.scss b/media/css/firefox/developer/includes/gallery-grid.scss
index db707eca302..2df123029b0 100644
--- a/media/css/firefox/developer/includes/gallery-grid.scss
+++ b/media/css/firefox/developer/includes/gallery-grid.scss
@@ -4,7 +4,7 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Gallery grid
 
 .c-gallery-grid {
@@ -115,4 +115,3 @@
         }
     }
 }
-
diff --git a/media/css/firefox/developer/includes/highlights.scss b/media/css/firefox/developer/includes/highlights.scss
index 96b9780cdb0..77172cbe0dd 100644
--- a/media/css/firefox/developer/includes/highlights.scss
+++ b/media/css/firefox/developer/includes/highlights.scss
@@ -4,7 +4,7 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Engagement
 
 .highlight-image {
diff --git a/media/css/firefox/developer/includes/intro.scss b/media/css/firefox/developer/includes/intro.scss
index 5d3352bedc4..b72c90f5923 100644
--- a/media/css/firefox/developer/includes/intro.scss
+++ b/media/css/firefox/developer/includes/intro.scss
@@ -4,7 +4,7 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Intro
 
 .t-intro {
@@ -65,7 +65,6 @@
 
 @media #{$mq-lg} {
     .intro-image {
-
         img {
             left: 50%;
             margin-left: -600px;
diff --git a/media/css/firefox/developer/includes/newsletter.scss b/media/css/firefox/developer/includes/newsletter.scss
index 40a56444e8c..a7aeeec68f3 100644
--- a/media/css/firefox/developer/includes/newsletter.scss
+++ b/media/css/firefox/developer/includes/newsletter.scss
@@ -5,7 +5,7 @@
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 
-//*------------------------------------------------------------------*/
+// *------------------------------------------------------------------*/
 // Newsletter
 .t-newsletter {
     background: #08204e url('/media/img/firefox/developer/newsletter-bg.svg') center bottom no-repeat;
@@ -30,12 +30,12 @@
         padding-top: 0;
         @include font-size(14px);
 
-        input[type=email],
+        input[type='email'],
         select {
             min-width: 0; // https://github.com/mozilla/protocol/issues/607
         }
 
-        label[for=id_email]{
+        label[for='id_email'] {
             @include visually-hidden;
         }
 
diff --git a/media/css/firefox/enterprise/landing.scss b/media/css/firefox/enterprise/landing.scss
index e4a2f155030..99c4879b232 100644
--- a/media/css/firefox/enterprise/landing.scss
+++ b/media/css/firefox/enterprise/landing.scss
@@ -5,7 +5,7 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/call-out';
 @import '~@mozilla-protocol/core/protocol/css/components/feature-card';
 @import '~@mozilla-protocol/core/protocol/css/components/split';
@@ -17,14 +17,13 @@ $image-path: '/media/protocol/img';
 @import '../../protocol/components/custom-menu-list';
 @import '../../protocol/components/sub-navigation';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Generic Container Styles
 
 .cta-container {
     margin-bottom: 0;
 
-    &> .mzp-c-button-download-container {
+    & > .mzp-c-button-download-container {
         display: inline-block;
     }
 }
@@ -52,7 +51,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call Out Theme Color
 
 .mzp-c-call-out-compact.mzp-t-dark.enterprise-callout {
@@ -63,14 +62,15 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Split
 
 .mzp-c-split.t-enterprise {
     // dark colour fallback incase svg image doesn't load/display
     background-color: $color-ink-80;
-    background-image: url('/media/img/firefox/enterprise/ent-noodles.svg'),
-                      linear-gradient(transparent 550px, #fff 550px, #fff 1000px);
+    background-image:
+        url('/media/img/firefox/enterprise/ent-noodles.svg'),
+        linear-gradient(transparent 550px, #fff 550px, #fff 1000px);
     background-position: bottom left, top center;
     background-repeat: no-repeat, repeat-x;
     background-size: 1221px 680px, 480px 1000px;
@@ -78,38 +78,37 @@ $image-path: '/media/protocol/img';
     min-height: 540px;
     padding-top: $layout-sm;
 
-    html[dir=rtl] & {
+    html[dir='rtl'] & {
         background-color: $color-ink-80;
         min-height: 0;
     }
 
-   .mzp-c-split-container {
+    .mzp-c-split-container {
         // need extra spacing to prevent clipping with the background image
         padding-bottom: $spacing-xl;
 
         @media #{$mq-md} {
             padding-bottom: inherit;
         }
-   }
+    }
 
-   .mzp-c-split-body {
-       background-color: $color-ink-80;
-       border-top-right-radius: 100px;
-       margin-bottom: 100px;
-       max-width: 580px;
-       position: relative;
+    .mzp-c-split-body {
+        background-color: $color-ink-80;
+        border-top-right-radius: 100px;
+        margin-bottom: 100px;
+        max-width: 580px;
+        position: relative;
 
-       .mzp-c-split-title {
+        .mzp-c-split-title {
             @include text-title-xl;
             margin-bottom: $spacing-md;
 
-             @media #{$mq-md} {
-               margin-bottom: $spacing-xl;
+            @media #{$mq-md} {
+                margin-bottom: $spacing-xl;
             }
+        }
 
-       }
-
-       .mzp-c-wordmark {
+        .mzp-c-wordmark {
             margin-left: auto;
             margin-right: auto;
 
@@ -117,17 +116,17 @@ $image-path: '/media/protocol/img';
                 margin-left: 0;
                 margin-right: 0;
             }
-       }
+        }
 
-       .mzp-c-split-desc {
+        .mzp-c-split-desc {
             @include text-body-lg;
             margin-bottom: $spacing-md;
 
             @media #{$mq-md} {
                 margin-bottom: $spacing-2xl;
             }
-       }
-   }
+        }
+    }
 
     @media #{$mq-sm} {
         background-position: top left, top center;
@@ -137,15 +136,16 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-md} {
-        background-image: url('/media/img/firefox/enterprise/ent-noodles-wide.svg'),
-                          linear-gradient(transparent 680px, #fff 680px, #fff 1200px);
+        background-image:
+            url('/media/img/firefox/enterprise/ent-noodles-wide.svg'),
+            linear-gradient(transparent 680px, #fff 680px, #fff 1200px);
         background-position: top center, top center;
         background-repeat: no-repeat, repeat-x, repeat-x;
         background-size: 2560px 793px, 480px 1200px;
         min-height: 793px - $layout-md; // to keep bg image from being cut off
         padding-top: $layout-md;
 
-        html[dir=rtl] & {
+        html[dir='rtl'] & {
             background: $color-ink-80;
             min-height: 0;
         }
@@ -162,10 +162,10 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Downloads Section
 
-@supports(display: grid) {
+@supports (display: grid) {
     @media #{$mq-md} {
         .enterprise-download-lists {
             display: grid;
@@ -224,7 +224,6 @@ $image-path: '/media/protocol/img';
                 grid-area: support-col3;
             }
         }
-
     }
 }
 
@@ -242,7 +241,7 @@ $image-path: '/media/protocol/img';
     min-height: 48px;
     position: relative;
 
-    &:before {
+    &::before {
         @include bidi(((left, 0, right, auto),));
         background-position: center center;
         background-repeat: no-repeat;
@@ -254,17 +253,17 @@ $image-path: '/media/protocol/img';
         width: 48px;
     }
 
-    .platform-win64 &:before {
+    .platform-win64 &::before {
         background-image: url('/media/img/firefox/enterprise/icon-win64.svg');
         background-size: 39px 40px;
     }
 
-    .platform-mac &:before {
+    .platform-mac &::before {
         background-image: url('/media/img/firefox/enterprise/icon-mac.svg');
         background-size: 32px 40px;
     }
 
-    .platform-win32 &:before {
+    .platform-win32 &::before {
         background-image: url('/media/img/firefox/enterprise/icon-win32.svg');
         background-size: 39px 40px;
     }
@@ -279,5 +278,3 @@ $image-path: '/media/protocol/img';
 .enterprise-download-subtitle {
     @include text-title-2xs;
 }
-
-
diff --git a/media/css/firefox/facebook-container.scss b/media/css/firefox/facebook-container.scss
index c149cc4557c..f7eca945cba 100644
--- a/media/css/firefox/facebook-container.scss
+++ b/media/css/firefox/facebook-container.scss
@@ -2,27 +2,26 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-$font-path: "/media/fonts";
-$image-path: "/media/protocol/img";
-$brand-theme: "firefox";
+$font-path: '/media/fonts';
+$image-path: '/media/protocol/img';
+$brand-theme: 'firefox';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 @import '~@mozilla-protocol/core/protocol/css/components/card';
-@import "~@mozilla-protocol/core/protocol/css/components/feature-card";
-@import "~@mozilla-protocol/core/protocol/css/components/logos/logo";
-@import "~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
-@import "~@mozilla-protocol/core/protocol/css/components/video";
-@import "~@mozilla-protocol/core/protocol/css/templates/card-layout";
+@import '~@mozilla-protocol/core/protocol/css/components/feature-card';
+@import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
+@import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
+@import '~@mozilla-protocol/core/protocol/css/components/video';
+@import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Components
 .mzp-c-split-bg.mzp-t-dark {
     background-color: $color-ink-80;
 }
 
-
 .mzp-c-split-body {
     max-width: 580px;
 }
@@ -37,8 +36,7 @@ $brand-theme: "firefox";
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional CTAs
 
 // Hide extension CTA for non-Firefox
diff --git a/media/css/firefox/faq.scss b/media/css/firefox/faq.scss
index 893ea7f0dbf..b065fabc861 100644
--- a/media/css/firefox/faq.scss
+++ b/media/css/firefox/faq.scss
@@ -2,14 +2,13 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-$font-path: "/media/fonts";
-$image-path: "/media/protocol/img";
-
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
-@import "~@mozilla-protocol/core/protocol/css/components/logos/logo";
-@import "~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox";
+$font-path: '/media/fonts';
+$image-path: '/media/protocol/img';
 
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
+@import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
+@import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
 .mzp-c-split .mzp-c-logo {
     margin-left: auto;
diff --git a/media/css/firefox/features/adblocker.scss b/media/css/firefox/features/adblocker.scss
index 20cb526e78d..25e3c9b1088 100644
--- a/media/css/firefox/features/adblocker.scss
+++ b/media/css/firefox/features/adblocker.scss
@@ -5,11 +5,11 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/hero";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/hero';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Custom layout
 .mzp-c-call-out-compact {
     background-color: $color-marketing-gray-20;
diff --git a/media/css/firefox/features/picture-in-picture.scss b/media/css/firefox/features/picture-in-picture.scss
index 78b2181bfc7..5f66729a94a 100644
--- a/media/css/firefox/features/picture-in-picture.scss
+++ b/media/css/firefox/features/picture-in-picture.scss
@@ -5,12 +5,11 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
-@import "~@mozilla-protocol/core/protocol/css/components/picto";
-@import "~@mozilla-protocol/core/protocol/css/components/video";
-@import "~@mozilla-protocol/core/protocol/css/templates/multi-column";
-
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
+@import '~@mozilla-protocol/core/protocol/css/components/picto';
+@import '~@mozilla-protocol/core/protocol/css/components/video';
+@import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
 .c-hero-pretitle {
     @include text-title-2xs;
@@ -33,7 +32,7 @@ $image-path: '/media/protocol/img';
     position: absolute;
     display: block;
 
-    &:after {
+    &::after {
         background: url('/media/img/icons/video-play.svg') top left no-repeat;
         content: '';
         height: 100px;
@@ -47,8 +46,8 @@ $image-path: '/media/protocol/img';
         z-index: 2;
     }
 
-    &:hover:after,
-    &:focus:after {
+    &:hover::after,
+    &:focus::after {
         opacity: 1;
         transform: scale(1.1);
     }
@@ -57,7 +56,7 @@ $image-path: '/media/protocol/img';
 .has-pip-icon strong {
     @include bidi((
         (padding-right, 3.25ex, padding-left, 3.25ex),
-        (background-position, right .25ex top, left .25ex top),
+        (background-position, right 0.25ex top, left 0.25ex top),
     ));
     @include background-size(2.25ex, 2.25ex);
     background-image: url('/media/img/firefox/features/pip/pip-icon.svg');
diff --git a/media/css/firefox/features/safebrowser.scss b/media/css/firefox/features/safebrowser.scss
index 6a70f63b2d9..0bc7cc94631 100644
--- a/media/css/firefox/features/safebrowser.scss
+++ b/media/css/firefox/features/safebrowser.scss
@@ -66,7 +66,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 /* -------------------------------------------------------------------------- */
 // Call out
 
diff --git a/media/css/firefox/features/tips.scss b/media/css/firefox/features/tips.scss
index 313fd376db4..ff015ae0dc0 100644
--- a/media/css/firefox/features/tips.scss
+++ b/media/css/firefox/features/tips.scss
@@ -5,20 +5,19 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-@import "~@mozilla-protocol/core/protocol/css/components/card";
-@import "~@mozilla-protocol/core/protocol/css/components/modal";
-@import "~@mozilla-protocol/core/protocol/css/components/section-heading";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
-@import "~@mozilla-protocol/core/protocol/css/components/video";
-@import "~@mozilla-protocol/core/protocol/css/components/zap";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
+@import '~@mozilla-protocol/core/protocol/css/components/card';
+@import '~@mozilla-protocol/core/protocol/css/components/modal';
+@import '~@mozilla-protocol/core/protocol/css/components/section-heading';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
+@import '~@mozilla-protocol/core/protocol/css/components/video';
+@import '~@mozilla-protocol/core/protocol/css/components/zap';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-
 // Play button on videos
 .mzp-c-card-media-wrapper {
-    &:after {
+    &::after {
         background: url('/media/img/icons/video-play.svg') top left no-repeat;
         content: '';
         height: 100px;
@@ -32,8 +31,8 @@ $image-path: '/media/protocol/img';
         z-index: 2;
     }
 
-    &:hover:after,
-    &:focus:after {
+    &:hover::after,
+    &:focus::after {
         opacity: 1;
         transform: scale(1.1);
     }
diff --git a/media/css/firefox/firstrun/firstrun.scss b/media/css/firefox/firstrun/firstrun.scss
index 9e371f79463..cbc855af14c 100644
--- a/media/css/firefox/firstrun/firstrun.scss
+++ b/media/css/firefox/firstrun/firstrun.scss
@@ -12,8 +12,7 @@ $break-large: 1305px;
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-firefox';
 @import '../../protocol/components/fxa-form';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Common elements & variables
 
 html {
@@ -54,7 +53,7 @@ html {
 
 .fxa-email-form-intro {
     &,
-    & strong{
+    & strong {
         @include text-title-xs;
         font-weight: bold;
         color: $color-ink-80;
@@ -62,12 +61,12 @@ html {
 }
 
 @media #{$mq-lg} {
-
     .page-content .mzp-l-content {
         max-width: $content-xl;
     }
 
-    .hero-form, .hero-image {
+    .hero-form,
+    .hero-image {
         @include border-box;
         display: inline-block;
         width: 49%; // not 50% because of the whitespace between the two
@@ -78,5 +77,4 @@ html {
         margin-left: 0;
         margin-right: 0;
     }
-
 }
diff --git a/media/css/firefox/firstrun/nightly.scss b/media/css/firefox/firstrun/nightly.scss
index 5ccbdcb7533..c17dbf52d21 100644
--- a/media/css/firefox/firstrun/nightly.scss
+++ b/media/css/firefox/firstrun/nightly.scss
@@ -10,7 +10,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import '~@mozilla-protocol/core/protocol/css/components/hero';
 
-
 main {
     background-color: $color-ink-80;
     color: $color-white;
diff --git a/media/css/firefox/flashback/flashback.scss b/media/css/firefox/flashback/flashback.scss
index aedb9cee366..1141b1572c7 100644
--- a/media/css/firefox/flashback/flashback.scss
+++ b/media/css/firefox/flashback/flashback.scss
@@ -46,7 +46,7 @@ $image-path: '/media/protocol/img';
         margin-top: $layout-lg;
     }
 
-    &:after {
+    &::after {
         @include down-arrow($color-yellow-30);
         position: absolute;
         bottom: $layout-sm;
@@ -91,7 +91,7 @@ $image-path: '/media/protocol/img';
         margin-top: $layout-lg;
     }
 
-    &:after {
+    &::after {
         @include down-arrow($color-ink-80);
         position: absolute;
         bottom: $layout-sm;
@@ -102,7 +102,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 .t-panda {
     background-color: $color-pink-80;
     color: $color-white;
@@ -111,7 +110,7 @@ $image-path: '/media/protocol/img';
         color: inherit;
     }
 
-    .mzp-l-content:before {
+    .mzp-l-content::before {
         content: '✨';
         position: absolute;
         top: 10px;
@@ -123,8 +122,7 @@ $image-path: '/media/protocol/img';
 
 @media #{$mq-lg} {
     .t-panda {
-
-        .mzp-l-content:before {
+        .mzp-l-content::before {
             font-size: 300px;
         }
     }
diff --git a/media/css/firefox/home/master.scss b/media/css/firefox/home/master.scss
index fc00e19e5c1..98fe75cad64 100644
--- a/media/css/firefox/home/master.scss
+++ b/media/css/firefox/home/master.scss
@@ -17,7 +17,6 @@ $brand-theme: 'firefox';
 @import '../../protocol/components/custom-menu-list';
 @import '../sticky-promo';
 
-
 // conditional content
 .js-fx-only {
     display: none;
@@ -43,7 +42,6 @@ $brand-theme: 'firefox';
 // component over rides (content menu list, feature card)
 
 .firefox-home {
-
     // menu list
     .mzp-c-menu-list {
         margin-bottom: $spacing-lg;
@@ -109,7 +107,6 @@ $brand-theme: 'firefox';
     }
 }
 
-
 // ------------------------------------------------------------------------------
 // showcase
 
@@ -162,7 +159,6 @@ $brand-theme: 'firefox';
     }
 }
 
-
 // ------------------------------------------------------------------------------
 // promise background colour and image
 
@@ -171,7 +167,7 @@ $brand-theme: 'firefox';
 
     .mzp-c-split-bg {
         @include light-links;
-        background-image: linear-gradient(90deg,  $color-violet-80, $color-violet-90);
+        background-image: linear-gradient(90deg, $color-violet-80, $color-violet-90);
         border-radius: $border-radius-md;
         box-shadow: $box-shadow-md;
         margin: $layout-md auto;
@@ -191,21 +187,21 @@ $brand-theme: 'firefox';
         padding: 0 $layout-md;
 
         .mzp-c-split-bg {
-            background-image: url('/media/img/firefox/home/master/respect.jpg'), linear-gradient(90deg, #5731AB 50%, $color-violet-90);
+            background-image: url('/media/img/firefox/home/master/respect.jpg'), linear-gradient(90deg, #5731ab 50%, $color-violet-90);
             background-position: left -30px center, top left;
             background-repeat: no-repeat;
             background-size: 50%, auto;
 
             @media #{$mq-high-res} {
-                background-image: url('/media/img/firefox/home/master/respect-high-res.jpg'), linear-gradient(90deg, #5731AB 50%, $color-violet-90);
+                background-image: url('/media/img/firefox/home/master/respect-high-res.jpg'), linear-gradient(90deg, #5731ab 50%, $color-violet-90);
             }
 
-            [dir="rtl"] & {
-                background-image: url('/media/img/firefox/home/master/respect-rtl.jpg'), linear-gradient(-90deg, #5731AB 50%, $color-violet-90);
+            [dir='rtl'] & {
+                background-image: url('/media/img/firefox/home/master/respect-rtl.jpg'), linear-gradient(-90deg, #5731ab 50%, $color-violet-90);
                 background-position: right -30px center, top right;
 
                 @media #{$mq-high-res} {
-                    background-image: url('/media/img/firefox/home/master/respect-rtl-high-res.jpg'), linear-gradient(-90deg, #5731AB 50%, $color-violet-90);
+                    background-image: url('/media/img/firefox/home/master/respect-rtl-high-res.jpg'), linear-gradient(-90deg, #5731ab 50%, $color-violet-90);
                 }
             }
         }
diff --git a/media/css/firefox/installer-help.scss b/media/css/firefox/installer-help.scss
index f405a206ba9..e51a2f9263d 100644
--- a/media/css/firefox/installer-help.scss
+++ b/media/css/firefox/installer-help.scss
@@ -5,7 +5,7 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/card';
 @import '~@mozilla-protocol/core/protocol/css/components/hero';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
@@ -16,7 +16,8 @@ $image-path: '/media/protocol/img';
         height: $layout-lg;
     }
 
-    .download-button, .download-link {
+    .download-button,
+    .download-link {
         width: 100%;
         margin-top: $spacing-sm;
     }
diff --git a/media/css/firefox/mobile/get-app.scss b/media/css/firefox/mobile/get-app.scss
index acf1059e218..70f5e84dfce 100644
--- a/media/css/firefox/mobile/get-app.scss
+++ b/media/css/firefox/mobile/get-app.scss
@@ -9,8 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Main page heading
 
 main {
@@ -31,21 +30,21 @@ main {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Send to Device widget overrides
 
 .send-to-device {
     margin: 0 auto $spacing-lg;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  QR Code
 
 .qr-code-wrapper img {
     margin-bottom: $spacing-lg;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  App store buttons
 
 .mobile-download-buttons-wrapper {
diff --git a/media/css/firefox/mobile/mobile.scss b/media/css/firefox/mobile/mobile.scss
index 56806202819..22acd9a3672 100644
--- a/media/css/firefox/mobile/mobile.scss
+++ b/media/css/firefox/mobile/mobile.scss
@@ -15,7 +15,7 @@ $brand-theme: 'firefox';
 @import '~@mozilla-protocol/core/protocol/css/components/split';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 
 // not yet recognized as valid by style lint, so we abstract it
 $mq-reduced-motion: 'screen and (prefers-reduced-motion: reduce)';
@@ -28,8 +28,7 @@ main .mzp-l-content {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Download buttons
 
 .mobile-download-buttons-wrapper {
@@ -73,7 +72,6 @@ main .mzp-l-content {
     display: none;
 }
 
-
 // very basic styling for no-JS visitors
 .no-js {
     .header-product-ctas {
@@ -116,7 +114,7 @@ main .mzp-l-content {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 
 .c-page-header {
@@ -171,7 +169,7 @@ main .mzp-l-content {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Private
 
 .t-private {
@@ -252,7 +250,7 @@ main .mzp-l-content {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Splits
 
 .t-account,
@@ -266,13 +264,13 @@ main .mzp-l-content {
     }
 
     @media #{$mq-md} {
-        .mzp-c-split-container  {
+        .mzp-c-split-container {
             max-width: $content-md;
         }
     }
 
     @media #{$mq-lg} {
-        .mzp-c-split-container  {
+        .mzp-c-split-container {
             max-width: $content-max;
         }
     }
@@ -289,7 +287,7 @@ main .mzp-l-content {
 }
 
 .t-android-only {
-    .mzp-c-split  {
+    .mzp-c-split {
         padding-bottom: 0;
     }
 
@@ -318,15 +316,15 @@ main .mzp-l-content {
 .t-theme {
     margin-bottom: $layout-xl;
 
-     img {
-         background-image: url('/media/img/firefox/mobile/protocol/theme-yellow.svg'), url('/media/img/firefox/mobile/protocol/theme-pink.svg'), url('/media/img/firefox/mobile/protocol/theme-violet.svg');
-     }
+    img {
+        background-image: url('/media/img/firefox/mobile/protocol/theme-yellow.svg'), url('/media/img/firefox/mobile/protocol/theme-pink.svg'), url('/media/img/firefox/mobile/protocol/theme-violet.svg');
+    }
 
-     @media #{$mq-lg} {
+    @media #{$mq-lg} {
         .mzp-c-split-body {
             justify-self: end;
         }
-     }
+    }
 }
 
 @media #{$mq-reduced-motion} {
@@ -342,15 +340,17 @@ main .mzp-l-content {
     0% {
         background-position: 50% 75%, 500px 500px, 500px 500px;
     }
+
     33% {
         background-position: 500px 500px, 50% 75%, 500px 500px;
     }
+
     66% {
         background-position: 500px 500px, 500px 500px, 50% 75%;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // secondary hero
 
 .t-hero-secondary {
@@ -365,8 +365,7 @@ main .mzp-l-content {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Send to Device overrides
 
 #send-to-device {
diff --git a/media/css/firefox/more.scss b/media/css/firefox/more.scss
index 30cdfb4cb60..08a028962e6 100644
--- a/media/css/firefox/more.scss
+++ b/media/css/firefox/more.scss
@@ -10,7 +10,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/card';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Primary CTA (page top)
 
 .page-hero {
@@ -30,4 +30,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
diff --git a/media/css/firefox/more/misinformation.scss b/media/css/firefox/more/misinformation.scss
index fb11804bf16..0cd403b960a 100644
--- a/media/css/firefox/more/misinformation.scss
+++ b/media/css/firefox/more/misinformation.scss
@@ -6,11 +6,11 @@ $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 $brand-theme: 'firefox';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
-@import "~@mozilla-protocol/core/protocol/css/components/split";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-@import "~@mozilla-protocol/core/protocol/css/components/picto";
+@import '~@mozilla-protocol/core/protocol/css/components/split';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
+@import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
 // -------------------------------------------------------------------------- //
@@ -81,7 +81,7 @@ $brand-theme: 'firefox';
             cursor: pointer;
         }
 
-        &:before {
+        &::before {
             @include bidi(((left, 0, right, 0),));
             border-radius: 100%;
             border: 3px solid $color-marketing-gray-80;
diff --git a/media/css/firefox/new/basic/download.scss b/media/css/firefox/new/basic/download.scss
index 437eb0bcdfe..036407385f6 100644
--- a/media/css/firefox/new/basic/download.scss
+++ b/media/css/firefox/new/basic/download.scss
@@ -18,7 +18,6 @@ $image-path: '/media/protocol/img';
 }
 
 .mzp-c-hero {
-
     .mzp-c-hero-title {
         @include background-size(260px, 48px);
         background-image: url('/media/protocol/img/logos/firefox/browser/logo-word-hor.svg');
@@ -65,7 +64,6 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-md} {
-
         &.mzp-has-image .mzp-c-hero-title {
             @include bidi(((background-position, top left, top right),));
         }
diff --git a/media/css/firefox/new/basic/platform.scss b/media/css/firefox/new/basic/platform.scss
index 41e6f6f9304..00861bb8fef 100644
--- a/media/css/firefox/new/basic/platform.scss
+++ b/media/css/firefox/new/basic/platform.scss
@@ -15,4 +15,3 @@ $image-path: '/media/protocol/img';
         margin: 0 auto;
     }
 }
-
diff --git a/media/css/firefox/new/basic/thanks.scss b/media/css/firefox/new/basic/thanks.scss
index 9bbb24c7484..ee00c1e15cc 100644
--- a/media/css/firefox/new/basic/thanks.scss
+++ b/media/css/firefox/new/basic/thanks.scss
@@ -33,7 +33,7 @@ main {
         @include bidi(((background-position, top left, top right),));
     }
 
-    html[dir="rtl"] & {
+    html[dir='rtl'] & {
         @include at2x('/media/img/firefox/new/basic/thanks-bg-rtl.png', 492px, 433px);
     }
 }
@@ -48,7 +48,6 @@ main {
     }
 }
 
-
 // --------------------------------------------------------------------------
 // windows disclaimer
 
@@ -66,13 +65,12 @@ main {
     }
 }
 
-
 .c-support-install {
     margin: 0 auto;
     max-width: 30em;
     text-align: center;
 
-    &> span {
+    & > span {
         display: block;
         margin-top: $spacing-xl;
     }
@@ -83,4 +81,3 @@ main {
     padding: $layout-sm 0;
     text-align: center;
 }
-
diff --git a/media/css/firefox/new/common/thanks-messaging.scss b/media/css/firefox/new/common/thanks-messaging.scss
index 93ce32a5598..2b733f74e7a 100644
--- a/media/css/firefox/new/common/thanks-messaging.scss
+++ b/media/css/firefox/new/common/thanks-messaging.scss
@@ -14,11 +14,6 @@ $image-path: '/media/protocol/img';
 
 /* stylelint-disable declaration-no-important */
 
- // Show unknown state messaging by default.
-.show-unknown {
-    display: block !important;
-}
-
 // Hide platform specific messaging by default.
 .show-windows,
 .show-windows-10,
@@ -77,8 +72,11 @@ $image-path: '/media/protocol/img';
     }
 }
 
-// When platform is known, hide all unknown messaging.
 .show-unknown {
+    // Show unknown state messaging by default.
+    display: block !important;
+
+    // When platform is known, hide all unknown messaging.
     .js.osx &,
     .js.windows &,
     .js.linux &,
diff --git a/media/css/firefox/new/desktop/download.scss b/media/css/firefox/new/desktop/download.scss
index e4828d78802..448cfb740dd 100644
--- a/media/css/firefox/new/desktop/download.scss
+++ b/media/css/firefox/new/desktop/download.scss
@@ -2,7 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
@@ -32,7 +32,6 @@ $content-md: 688px;
 $content-lg: 928px;
 $content-xl: 1152px;
 $content-max: 1440px;
-
 $screen-xs: 320px;
 $screen-sm: 480px;
 $screen-md: 768px;
@@ -43,11 +42,11 @@ $screen-xl: 1312px;
 $v-grid-xs: $layout-md;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-xl * 0.5;
 $h-grid-md: 64px;
 
-//lg
+// lg
 $v-grid-lg: 192px * 0.5;
 $h-grid-lg: 80px;
 
@@ -55,7 +54,9 @@ main {
     background-color: $color-white; // for IE6
     color: $color-dark-gray-30;
 
-    h2, h3, h4 {
+    h2,
+    h3,
+    h4 {
         color: $color-marketing-gray-99;
         margin-bottom: $spacing-md;
     }
@@ -91,7 +92,6 @@ main {
         padding-left: $h-grid-lg;
         padding-right: $h-grid-lg;
     }
-
 }
 
 // button container
@@ -111,7 +111,6 @@ main {
     }
 }
 
-
 // cta link
 
 button.mzp-c-cta-link {
@@ -270,10 +269,9 @@ button.mzp-c-cta-link {
 // --------------------------------------------------------------------------
 
 .u-visually-hidden {
-    @include visually-hidden();
+    @include visually-hidden;
 }
 
-
 // --------------------------------------------------------------------------
 // section titles
 
@@ -281,7 +279,6 @@ button.mzp-c-cta-link {
     @include text-title-md;
 }
 
-
 // --------------------------------------------------------------------------
 // trio
 // different from card row of 3 because of behaviour at mq-md
@@ -339,7 +336,6 @@ button.mzp-c-cta-link {
     }
 }
 
-
 // --------------------------------------------------------------------------
 // Blocks
 // used for highlights, hero, and mobile
@@ -360,20 +356,102 @@ button.mzp-c-cta-link {
 }
 
 .c-block-container {
-    @include clearfix();
+    @include clearfix;
     @include border-box;
     margin: 0 auto;
     max-width: $content-xl + $layout-xl * 2;
     min-width: $content-xs;
     padding: 0 $layout-sm;
 
-    @media #{$mq-md} {
-        padding: 0 $layout-lg;
+    .c-block-media-img {
+        margin: 0 auto;
     }
 
     @media #{$mq-lg} {
         padding: 0 $layout-xl;
     }
+
+    // vertical and horizontal aligment for body or media
+    // text align works for float fallback
+    // justify positioning works for no constraint
+    // absolute positioning works on constrain-height
+    @media #{$mq-md} {
+        padding: 0 $layout-lg;
+
+        .l-h-start {
+            @include bidi(((text-align, left, right),));
+            justify-self: start;
+
+            .c-block-media-img {
+                @include bidi((
+                    (margin-right, auto, margin-left, 0),
+                    (margin-left, 0, margin-right, 0),
+                ));
+            }
+        }
+
+        .l-h-center {
+            justify-self: center;
+            text-align: center;
+
+            .c-block-media-img {
+                margin: 0 auto;
+            }
+
+            @supports (display:grid) {
+                &.l-media-constrain-height .c-block-media-img {
+                    left: 50%;
+                    transform: translateX(-50%);
+                }
+            }
+        }
+
+        .l-h-end {
+            justify-self: end;
+
+            .c-block-media-img {
+                @include bidi((
+                    (margin-left, auto, margin-right, 0),
+                    (margin-right, 0, margin-left, 0),
+                ));
+            }
+
+            @supports (display:grid) {
+                &.l-media-constrain-height .c-block-media-img {
+                    right: 0;
+                    left: auto;
+                }
+            }
+        }
+    }
+
+    // vertical alignment only browsers with grid support
+    @supports (display:grid) {
+        .l-v-start {
+            align-self: start;
+        }
+
+        .l-v-center {
+            align-self: center;
+
+            &.l-media-constrain-height .c-block-media-img {
+                top: 50%;
+                transform: translateY(-50%);
+            }
+
+            &.l-h-center.l-media-constrain-height .c-block-media-img {
+                transform: translateY(-50%) translateX(-50%);
+            }
+        }
+
+        .l-v-end {
+            align-self: end;
+
+            &.l-media-constrain-height .c-block-media-img {
+                top: auto;
+            }
+        }
+    }
 }
 
 .c-block-media-img {
@@ -408,6 +486,44 @@ button.mzp-c-cta-link {
             display: none;
         }
     }
+
+    // constraints on height or width of media
+    @media all and (max-width: #{$screen-md - 1}) {
+        // center image & constrain width
+        &.l-media-constrain-on-sm {
+            text-align: center;
+
+            .c-block-media-img {
+                margin: 0 auto;
+                width: $content-sm;
+            }
+        }
+    }
+
+    @media #{$mq-md} {
+        @supports ( display:grid ) {
+            &.l-media-constrain-height {
+                height: 100%;
+                justify-self: auto !important; /* stylelint-disable-line declaration-no-important */
+
+                .c-block-media-img {
+                    bottom: 0;
+                    left: 0;
+                    max-height: 100%;
+                    max-width: auto;
+                    position: absolute;
+                    top: 0;
+                    width: auto;
+
+                    [dir='rtl'] &,
+                    .l-reversed & {
+                        left: auto;
+                        right: 0;
+                    }
+                }
+            }
+        }
+    }
 }
 
 // --------------------------------------
@@ -454,11 +570,11 @@ button.mzp-c-cta-link {
             // grid is all start/end based we don't need bidi declarations for RTL support \o/
             display: grid;
             grid-template-columns: 1fr 1fr;
-            grid-template-areas: "body media";
+            grid-template-areas: 'body media';
             grid-column-gap: $h-grid-lg;
 
             .l-reversed > & {
-                grid-template-areas: "media body";
+                grid-template-areas: 'media body';
             }
         }
 
@@ -466,7 +582,7 @@ button.mzp-c-cta-link {
         .c-block-media {
             .c-block-container & { // extra specificitly to over-ride the styles that make the float fall-back work
                 float: none;
-                min-width: 0; //because of https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items
+                min-width: 0; // because of https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items
                 padding: 0;
                 width: auto;
             }
@@ -488,143 +604,10 @@ button.mzp-c-cta-link {
     }
 }
 
-// --------------------------------------
-// constraints on height or width of media
-
-.c-block-media {
-    @media all and (max-width: #{$screen-md - 1}) {
-        // center image & constrain width
-        &.l-media-constrain-on-sm {
-            text-align: center;
-
-            .c-block-media-img {
-                margin: 0 auto;
-                width: $content-sm;
-            }
-        }
-    }
-
-    @media #{$mq-md} {
-        @supports ( display:grid ) {
-            &.l-media-constrain-height {
-                height: 100%;
-                justify-self: auto !important; /* stylelint-disable-line declaration-no-important */
-
-                .c-block-media-img {
-                    bottom: 0;
-                    left: 0;
-                    max-height: 100%;
-                    max-width: auto;
-                    position: absolute;
-                    top: 0;
-                    width: auto;
-
-                    [dir='rtl'] &,
-                    .l-reversed & {
-                        left: auto;
-                        right: 0;
-                    }
-                }
-            }
-        }
-    }
-}
-
-// --------------------------------------
-// vertical and horizontal aligment for body or media
-// text align works for float fallback
-// justify positioning works for no constraint
-// absolute positioning works on constrain-height
-
-.c-block-container {
-    .c-block-media-img {
-        margin: 0 auto;
-    }
-
-    @media #{$mq-md} {
-        .l-h-start {
-            @include bidi(((text-align, left, right),));
-            justify-self: start;
-
-            .c-block-media-img {
-                @include bidi((
-                    (margin-right, auto, margin-left, 0),
-                    (margin-left, 0, margin-right, 0),
-                ));
-            }
-        }
-
-        .l-h-center {
-            justify-self: center;
-            text-align: center;
-
-            .c-block-media-img {
-                margin: 0 auto;
-            }
-
-            @supports(display:grid) {
-                &.l-media-constrain-height .c-block-media-img {
-                    left: 50%;
-                    transform: translateX(-50%);
-                }
-            }
-        }
-
-        .l-h-end {
-            justify-self: end;
-
-            .c-block-media-img {
-                @include bidi((
-                    (margin-left, auto, margin-right, 0),
-                    (margin-right, 0, margin-left, 0),
-                ));
-            }
-
-            @supports(display:grid) {
-                &.l-media-constrain-height .c-block-media-img {
-                    right: 0;
-                    left: auto;
-                }
-            }
-        }
-    }
-
-    // vertical alignment only browsers with grid support
-    @supports(display:grid) {
-
-        .l-v-start {
-            align-self: start;
-        }
-
-        .l-v-center {
-            align-self: center;
-
-            &.l-media-constrain-height .c-block-media-img {
-                top: 50%;
-                transform: translateY(-50%);
-            }
-
-            &.l-h-center.l-media-constrain-height .c-block-media-img {
-                transform: translateY(-50%) translateX(-50%);
-            }
-        }
-
-        .l-v-end {
-            align-self: end;
-
-            &.l-media-constrain-height .c-block-media-img {
-                top: auto;
-            }
-        }
-    }
-}
-
-
 // --------------------------------------------------------------------------
 // intro banner
 
 .t-intro {
-
     &.c-block {
         @include text-body-md;
         padding-top: $layout-sm;
@@ -639,7 +622,7 @@ button.mzp-c-cta-link {
         max-width: $content-xl + $layout-xl * 2;
     }
 
-    [lang=ar] & h2 {
+    [lang='ar'] & h2 {
         @include font-size(40px);
     }
 
@@ -653,12 +636,10 @@ button.mzp-c-cta-link {
 }
 
 .c-intro-download-alt {
-    & {
-        @include text-body-xs;
-        color: $color-dark-gray-30;
-        display: block;
-        margin-top: $spacing-md;
-    }
+    @include text-body-xs;
+    color: $color-dark-gray-30;
+    display: block;
+    margin-top: $spacing-md;
 
     a:link,
     a:visited {
@@ -701,7 +682,7 @@ button.mzp-c-cta-link {
     width: 514px;
 }
 
-// shapes
+// animated shapes
 
 .noodle-pill {
     border: 1px solid transparent;
@@ -709,40 +690,6 @@ button.mzp-c-cta-link {
     position: absolute;
 }
 
-.noodle-circle {
-    border: 1px solid transparent;
-    border-radius: 100%;
-    position: absolute;
-}
-
-.noodle-svg {
-    position: absolute;
-}
-
-// colours
-
-.t-outline-pink {
-    border-color: #ff008b;
-}
-
-.t-fill-pink-yellow {
-    background: linear-gradient(to left, #ff4ca1, #ffde67);
-}
-
-.t-fill-yellow-orange {
-    background: linear-gradient(to left, #ffde67, #ff671e);
-}
-
-.t-fill-blue {
-    background: linear-gradient(to left, #00e1ff, #005fe7);
-}
-
-.t-outline-yellow {
-    border-color: #ffa437;
-}
-
-// position & animation
-
 .noodle-svg {
     animation: curl 10s infinite alternate;
     position: absolute;
@@ -751,8 +698,11 @@ button.mzp-c-cta-link {
 
 .noodle-circle {
     animation: round 9s infinite linear;
+    border-radius: 100%;
+    border: 1px solid transparent;
     height: 20px;
     left: 296px;
+    position: absolute;
     top: 40px;
     transform-origin: 5px;
     width: 20px;
@@ -799,6 +749,7 @@ button.mzp-c-cta-link {
     from {
         transform: rotate(0deg);
     }
+
     to {
         transform: rotate(360deg);
     }
@@ -808,6 +759,7 @@ button.mzp-c-cta-link {
     from {
         transform: rotate(-34deg) translate(7px, 0);
     }
+
     to {
         transform: rotate(-34deg) translate(-7px, 0);
     }
@@ -817,11 +769,33 @@ button.mzp-c-cta-link {
     from {
         transform: rotate(0deg);
     }
+
     to {
         transform: rotate(-2deg);
     }
 }
 
+// colours
+
+.t-outline-pink {
+    border-color: #ff008b;
+}
+
+.t-fill-pink-yellow {
+    background: linear-gradient(to left, #ff4ca1, #ffde67);
+}
+
+.t-fill-yellow-orange {
+    background: linear-gradient(to left, #ffde67, #ff671e);
+}
+
+.t-fill-blue {
+    background: linear-gradient(to left, #00e1ff, #005fe7);
+}
+
+.t-outline-yellow {
+    border-color: #ffa437;
+}
 
 // --------------------------------------------------------------------------
 // releases
@@ -830,7 +804,7 @@ button.mzp-c-cta-link {
     position: relative;
     max-width: $content-xl + $layout-xl * 2;
 
-    &:before {
+    &::before {
         background-image: url('/media/img/firefox/new/desktop/release-noodles.svg');
         content: '';
         display: block;
@@ -862,7 +836,6 @@ button.mzp-c-cta-link {
     text-align: center;
 }
 
-
 // --------------------------------------------------------------------------
 // highlights
 // includes t-compare, t-block, t-everone, and t-devices block components
@@ -872,7 +845,7 @@ button.mzp-c-cta-link {
         margin-bottom: $spacing-xl;
     }
 
-    @supports(display:grid) {
+    @supports (display:grid) {
         @media #{$mq-lg} {
             .c-block-body {
                 max-width: ($content-lg - $h-grid-lg) * 0.5;
@@ -887,7 +860,7 @@ button.mzp-c-cta-link {
     padding-top: 0;
 
     .mzp-c-emphasis-box {
-        margin: 0 -$layout-2xs;
+        margin: 0 (-$layout-2xs);
         padding: $layout-2xs;
 
         @media #{$mq-sm} {
@@ -972,7 +945,6 @@ button.mzp-c-cta-link {
         font-weight: normal;
         padding: $spacing-xs;
 
-
         &:first-child {
             @include bidi(((border-left-width, 0, border-right-width, 1px),));
             text-align: start;
@@ -984,7 +956,6 @@ button.mzp-c-cta-link {
     }
 
     tbody {
-
         td {
             width: 64px; // need fixed width to avoid content moving when switching tabs
         }
@@ -1030,7 +1001,7 @@ button.mzp-c-cta-link {
         outline: none;
     }
 
-    &[aria-pressed=true] {
+    &[aria-pressed='true'] {
         border-bottom-color: $color-link;
         font-weight: bold;
     }
@@ -1065,18 +1036,18 @@ button.mzp-c-cta-link {
     margin-right: $spacing-md;
 }
 
-
 // --------------------------------------------------------------------------
 
 .t-features {
     background-color: $color-light-gray-10;
     background-repeat: no-repeat;
-    background-position: 80% 63%, // C
-                         top left, // V
-                         bottom 10% right, // circle
-                         bottom left calc(50vw - 600px), // circle
-                         bottom 30% left, // oval
-                         top right;
+    background-position:
+        80% 63%,
+        top left,
+        bottom 10% right,
+        bottom left calc(50vw - 600px),
+        bottom 30% left,
+        top right;
     margin-bottom: $v-grid-xs;
     margin-top: $v-grid-xs;
 
@@ -1091,12 +1062,13 @@ button.mzp-c-cta-link {
     }
 
     .loaded & {
-        background-image: url('/media/img/firefox/new/desktop/features/one.svg'),
-                          url('/media/img/firefox/new/desktop/features/two.svg'),
-                          url('/media/img/firefox/new/desktop/features/oval-one.svg'),
-                          url('/media/img/firefox/new/desktop/features/oval-two.svg'),
-                          url('/media/img/firefox/new/desktop/features/rect-one.svg'),
-                          url('/media/img/firefox/new/desktop/features/rect-two.svg');
+        background-image:
+            url('/media/img/firefox/new/desktop/features/one.svg'),
+            url('/media/img/firefox/new/desktop/features/two.svg'),
+            url('/media/img/firefox/new/desktop/features/oval-one.svg'),
+            url('/media/img/firefox/new/desktop/features/oval-two.svg'),
+            url('/media/img/firefox/new/desktop/features/rect-one.svg'),
+            url('/media/img/firefox/new/desktop/features/rect-two.svg');
     }
 
     img {
@@ -1109,7 +1081,6 @@ button.mzp-c-cta-link {
     }
 }
 
-
 // --------------------------------------------------------------------------
 // customization
 
@@ -1117,7 +1088,6 @@ button.mzp-c-cta-link {
     position: relative;
     text-align: center;
     margin-bottom: $layout-sm;
-
     margin-left: -$layout-xs;
     margin-right: -$layout-xs;
 
@@ -1144,7 +1114,6 @@ button.mzp-c-cta-link {
     bottom: 0;
     width: 100%;
     text-align: center;
-
     padding-left: $layout-xs;
     padding-right: $layout-xs;
 
@@ -1170,7 +1139,6 @@ button.mzp-c-cta-link {
 // --------------------------------------------------------------------------
 
 .t-company {
-
     img {
         margin: 0 auto $spacing-xl;
         width: $content-xs;
@@ -1216,7 +1184,6 @@ button.mzp-c-cta-link {
     }
 }
 
-
 // --------------------------------------------------------------------------
 
 .t-discover {
@@ -1236,7 +1203,6 @@ button.mzp-c-cta-link {
     }
 }
 
-
 // --------------------------------------------------------------------------
 
 .c-support {
@@ -1248,7 +1214,6 @@ button.mzp-c-cta-link {
     text-align: center;
 }
 
-
 // --------------------------------------------------------------------------
 // mobile
 
@@ -1265,42 +1230,46 @@ button.mzp-c-cta-link {
 .c-mobile {
     @include light-links;
     background-color: $color-violet-70;
-    background-position: bottom -120px right 10px,
-                         top right -200px,
-                         bottom -100px left 20px,
-                         top 100px left -50px,
-                         bottom right -500px,
-                         top 15% left 100px;
+    background-position:
+        bottom -120px right 10px,
+        top right -200px,
+        bottom -100px left 20px,
+        top 100px left -50px,
+        bottom right -500px,
+        top 15% left 100px;
     background-repeat: no-repeat;
     color: $color-white;
     position: relative;
     overflow-x: hidden;
 
     @media #{$mq-md} {
-        background-position: bottom left 120px,
-                             top right,
-                             bottom left 20px,
-                             top 100px left,
-                             bottom right,
-                             top 15% center;
+        background-position:
+            bottom left 120px,
+            top right,
+            bottom left 20px,
+            top 100px left,
+            bottom right,
+            top 15% center;
     }
 
     @media #{$mq-lg} {
-        background-position: bottom left 100px,
-                             top right,
-                             bottom left 40%,
-                             top 100px left,
-                             bottom right,
-                             top 15% center;
+        background-position:
+            bottom left 100px,
+            top right,
+            bottom left 40%,
+            top 100px left,
+            bottom right,
+            top 15% center;
     }
 
     .loaded & {
-        background-image: url('/media/img/firefox/new/desktop/mobile/circle-bottom.svg'),
-                          url('/media/img/firefox/new/desktop/mobile/circle-top-right.svg'),
-                          url('/media/img/firefox/new/desktop/mobile/oval-bottom.svg'),
-                          url('/media/img/firefox/new/desktop/mobile/oval-left.svg'),
-                          url('/media/img/firefox/new/desktop/mobile/elbow-bottom-right.svg'),
-                          url('/media/img/firefox/new/desktop/mobile/elbow.svg');
+        background-image:
+            url('/media/img/firefox/new/desktop/mobile/circle-bottom.svg'),
+            url('/media/img/firefox/new/desktop/mobile/circle-top-right.svg'),
+            url('/media/img/firefox/new/desktop/mobile/oval-bottom.svg'),
+            url('/media/img/firefox/new/desktop/mobile/oval-left.svg'),
+            url('/media/img/firefox/new/desktop/mobile/elbow-bottom-right.svg'),
+            url('/media/img/firefox/new/desktop/mobile/elbow.svg');
     }
 
     h2 {
@@ -1312,7 +1281,7 @@ button.mzp-c-cta-link {
     }
 
     @media #{$mq-sm} {
-        &:after {
+        &::after {
             @include bidi((
                 (left, 60%, right, auto),
                 (margin-left, $h-grid-xs * 0.5, margin-left, 0),
@@ -1345,7 +1314,7 @@ button.mzp-c-cta-link {
     }
 
     @media #{$mq-md} {
-        &:after {
+        &::after {
             @include bidi((
                 (left, 50%, right, auto),
                 (margin-left, $h-grid-md * 0.5, margin-right, 0),
@@ -1359,7 +1328,7 @@ button.mzp-c-cta-link {
     }
 
     @media #{$mq-lg} {
-        &:after {
+        &::after {
             @include bidi(((margin-left, $h-grid-lg * 0.5, margin-right, 0),));
         }
 
@@ -1382,7 +1351,6 @@ button.mzp-c-cta-link {
     text-decoration: none;
 }
 
-
 // --------------------------------------------------------------------------
 // scroll animation
 
@@ -1404,6 +1372,7 @@ button.mzp-c-cta-link {
             opacity: 0;
             transform: scaleX(0.8) scaleY(0.8);
         }
+
         to {
             opacity: 1;
             transform: scaleX(1) scaleY(1);
@@ -1411,8 +1380,6 @@ button.mzp-c-cta-link {
     }
 }
 
-
-
 // --------------------------------------------------------------------------
 //  Join Firefox modal
 
@@ -1452,7 +1419,6 @@ button.mzp-c-cta-link {
  * https://github.com/mozilla/protocol/issues/358
  */
 .mzp-c-modal {
-
     .mzp-c-modal-window > .mzp-c-modal-inner {
         background: transparent;
         padding: $spacing-xl 0 0;
diff --git a/media/css/firefox/new/desktop/thanks.scss b/media/css/firefox/new/desktop/thanks.scss
index a67493cac64..957b59628e8 100644
--- a/media/css/firefox/new/desktop/thanks.scss
+++ b/media/css/firefox/new/desktop/thanks.scss
@@ -17,16 +17,15 @@ $image-path: '/media/protocol/img';
 // https://github.com/mozilla/protocol/issues/345
 // https://github.com/mozilla/protocol/issues/536
 
-
 // xs
 $v-grid-xs: $layout-md;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-xl * 0.5;
 $h-grid-md: 64px;
 
-//lg
+// lg
 $v-grid-lg: 192px * 0.5;
 $h-grid-lg: 80px;
 
@@ -65,7 +64,6 @@ main {
     display: none;
 }
 
-
 // --------------------------------------------------------------------------
 // section titles
 
@@ -98,7 +96,6 @@ main {
     }
 }
 
-
 // --------------------------------------------------------------------------
 
 .c-support-install {
diff --git a/media/css/firefox/new/yandex/download-yandex.scss b/media/css/firefox/new/yandex/download-yandex.scss
index a95f1eac8ed..0ba3cb489fb 100644
--- a/media/css/firefox/new/yandex/download-yandex.scss
+++ b/media/css/firefox/new/yandex/download-yandex.scss
@@ -14,13 +14,13 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-firefox';
 
-//* ====================================================================== */
+// * ====================================================================== */
 // Release
 
 .t-releases {
     position: relative;
 
-    &:before {
+    &::before {
         background-image: url('/media/img/firefox/new/desktop/release-noodles.svg');
         content: '';
         display: block;
@@ -39,14 +39,14 @@ $image-path: '/media/protocol/img';
         position: relative;
         z-index: 1;
 
-    @media #{$mq-sm} {
-        padding-left: $layout-md;
-        padding-right: $layout-md;
-    }
+        @media #{$mq-sm} {
+            padding-left: $layout-md;
+            padding-right: $layout-md;
+        }
 
-    @media #{$mq-md} {
-        padding-left: $layout-lg;
-        padding-right: $layout-lg;
-    }
+        @media #{$mq-md} {
+            padding-left: $layout-lg;
+            padding-right: $layout-lg;
+        }
     }
 }
diff --git a/media/css/firefox/privacy/book.scss b/media/css/firefox/privacy/book.scss
index 7d3b8bb69d7..41c583016b6 100644
--- a/media/css/firefox/privacy/book.scss
+++ b/media/css/firefox/privacy/book.scss
@@ -14,7 +14,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import '~@mozilla-protocol/core/protocol/css/components/inline-list';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Split component adjustments
 
 .data-breaches .mzp-c-split:not(:first-of-type) {
@@ -35,8 +35,7 @@ $image-path: '/media/protocol/img';
     max-width: 100%;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // 15 tips section
 
 body {
@@ -57,9 +56,9 @@ body {
     h3 {
         @include text-title-md;
 
-        &:before {
+        &::before {
             counter-increment: tips;
-            content: counter(tips) ". ";
+            content: counter(tips) '. ';
             color: $color-pink-50;
         }
 
diff --git a/media/css/firefox/privacy/products.scss b/media/css/firefox/privacy/products.scss
index 37d49cb9157..98797314194 100644
--- a/media/css/firefox/privacy/products.scss
+++ b/media/css/firefox/privacy/products.scss
@@ -21,7 +21,7 @@ $image-path: '/media/protocol/img';
     max-width: $content-xl;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Top Page Call Out
 
 .privacy-products-call-out-main {
@@ -37,7 +37,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main Hero
 
 .privacy-products {
@@ -61,7 +61,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Pictos
 
 .privacy-products-etp {
@@ -92,7 +92,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Tracker Counter Call Out
 
 .privacy-products-tracker-counter.mzp-t-dark {
@@ -117,7 +117,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Product List Splits
 
 .privacy-products-list {
@@ -174,7 +174,7 @@ $image-path: '/media/protocol/img';
     @include font-firefox;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional CTA Hooks
 
 .show-firefox-desktop-70,
@@ -184,7 +184,6 @@ $image-path: '/media/protocol/img';
 }
 
 .state-firefox-desktop-70 {
-
     .show-firefox-desktop-70 {
         display: block;
     }
@@ -192,11 +191,9 @@ $image-path: '/media/protocol/img';
     .show-default {
         display: none;
     }
-
 }
 
 .state-firefox-desktop-old {
-
     .show-firefox-desktop-old {
         display: block;
     }
diff --git a/media/css/firefox/privacy/promise.scss b/media/css/firefox/privacy/promise.scss
index bbb64e4a58c..8397761aacc 100644
--- a/media/css/firefox/privacy/promise.scss
+++ b/media/css/firefox/privacy/promise.scss
@@ -9,7 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main Hero
 
 .privacy-promise-hero {
@@ -34,7 +34,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Data Promise Call Out
 
 .call-out-data-promise {
@@ -45,7 +45,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Privacy Promise Splits
 
 .privacy-promise-feature {
@@ -62,7 +62,7 @@ $image-path: '/media/protocol/img';
     max-width: 100%;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Picto Cards
 
 .mzp-l-columns .mzp-c-picto {
@@ -76,4 +76,3 @@ $image-path: '/media/protocol/img';
 .privacy-promise-learn-more {
     background-color: $color-marketing-gray-10;
 }
-
diff --git a/media/css/firefox/releasenotes.scss b/media/css/firefox/releasenotes.scss
index 22934ef579b..95391cf9f01 100644
--- a/media/css/firefox/releasenotes.scss
+++ b/media/css/firefox/releasenotes.scss
@@ -2,7 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
@@ -13,8 +13,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/call-out';
 @import '../protocol/components/sub-navigation';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call out / page header
 
 .mzp-c-call-out.mzp-t-product-firefox,
@@ -24,15 +23,14 @@ $image-path: '/media/protocol/img';
 
 // nightly header gradient
 .mzp-c-call-out.mzp-t-product-nightly {
-    background: linear-gradient(#000000, #001e44);
+    background: linear-gradient(#000, #001e44);
 }
 
 // developer header gradient
 .mzp-c-call-out.mzp-t-product-developer {
-    background: linear-gradient(#000000, #001e44);
+    background: linear-gradient(#000, #001e44);
 }
 
-
 // old logos
 //  - cannot use at2x mixin here because it will over-ride the background-size,
 //    which we don't want to have to reset here because it's different for
@@ -143,8 +141,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // secondary navigation
 
 .t-release {
@@ -163,8 +160,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // release notes custom typography
 
 .c-release-summary {
@@ -186,7 +182,8 @@ $image-path: '/media/protocol/img';
         @include font-base;
         @include text-title-2xs;
     }
-     .c-release-date {
+
+    .c-release-date {
         @include font-base;
         @include text-title-2xs;
     }
@@ -198,7 +195,7 @@ $image-path: '/media/protocol/img';
         font-weight: bold;
 
         // pushes the text down after the big release-version text
-        &:before {
+        &::before {
             @include text-title-xl;
             content: '.';
             display: block;
@@ -216,7 +213,7 @@ $image-path: '/media/protocol/img';
 .c-release-notes > .mzp-l-content {
     padding-top: $layout-lg;
 
-    &:before {
+    &::before {
         content: '';
         display: block;
         width: calc(100% - #{ $layout-xs * 2});
@@ -273,7 +270,7 @@ $image-path: '/media/protocol/img';
             list-style: disc;
 
             li {
-                margin-bottom: .25em;
+                margin-bottom: 0.25em;
             }
 
             ul {
@@ -291,7 +288,7 @@ $image-path: '/media/protocol/img';
             list-style: decimal;
 
             li {
-                margin-bottom: .25em;
+                margin-bottom: 0.25em;
             }
 
             ol {
@@ -342,7 +339,7 @@ $image-path: '/media/protocol/img';
     @include justify-content(end);
     margin-top: 10px;
 
-    &:before {
+    &::before {
         content: ' ';
         background-image: url('/media/img/firefox/releasenotes/mdn-icon.png');
         background-repeat: no-repeat;
@@ -359,8 +356,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // all-download link
 
 .all-download {
@@ -374,8 +370,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Compact call out
 
 .mzp-c-call-out-compact {
@@ -392,8 +387,7 @@ $image-path: '/media/protocol/img';
     background: linear-gradient(#001e44, #002d66);
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // more information links at end of page
 
 .c-release-footer {
@@ -403,6 +397,7 @@ $image-path: '/media/protocol/img';
         @include font-base;
         @include text-body-md;
     }
+
     a {
         display: block;
     }
diff --git a/media/css/firefox/releases-index.scss b/media/css/firefox/releases-index.scss
index 39ef4e4adac..659c5a529af 100644
--- a/media/css/firefox/releases-index.scss
+++ b/media/css/firefox/releases-index.scss
@@ -9,7 +9,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/wordmark-product-firefox';
 
-
 .c-release-list {
     line-height: 2;
 
diff --git a/media/css/firefox/retention/thank-you.scss b/media/css/firefox/retention/thank-you.scss
index e26ae3700dd..47391915f2e 100644
--- a/media/css/firefox/retention/thank-you.scss
+++ b/media/css/firefox/retention/thank-you.scss
@@ -13,8 +13,9 @@ $image-path: '/media/protocol/img';
     font-weight: normal;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/fx-lifestyle/antonio-regular-webfont.woff2') format('woff2'),
-         url('/media/fonts/fx-lifestyle/antonio-regular-webfont.woff') format('woff');
+    src:
+        url('/media/fonts/fx-lifestyle/antonio-regular-webfont.woff2') format('woff2'),
+        url('/media/fonts/fx-lifestyle/antonio-regular-webfont.woff') format('woff');
 }
 
 @font-face {
@@ -22,9 +23,9 @@ $image-path: '/media/protocol/img';
     font-weight: 700;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/fx-lifestyle/antonio-bold-webfont.woff2') format('woff2'),
-         url('/media/fonts/fx-lifestyle/antonio-bold-webfont.woff') format('woff');
-
+    src:
+        url('/media/fonts/fx-lifestyle/antonio-bold-webfont.woff2') format('woff2'),
+        url('/media/fonts/fx-lifestyle/antonio-bold-webfont.woff') format('woff');
 }
 
 #confetti-canvas {
@@ -40,7 +41,7 @@ $image-path: '/media/protocol/img';
 }
 
 main {
-    background: #45A5B3;
+    background: #45a5b3;
     color: $color-white;
     overflow: hidden;
     padding: 0 10px;
@@ -61,7 +62,7 @@ main {
         padding: $layout-lg 9px 0;
 
         h1 {
-            color: #F8EB57;
+            color: #f8eb57;
             font-size: 6.25rem;
             line-height: 6.25rem;
             text-shadow: -5px 0 0 rgb(215, 102, 40), -8px 0 0 rgba(32, 35, 36, 0.3);
@@ -98,7 +99,7 @@ main {
             }
 
             .time {
-                color: #CB6937;
+                color: #cb6937;
                 font-size: 1.375rem;
             }
 
@@ -121,7 +122,7 @@ main {
                     }
                 }
 
-                &:after {
+                &::after {
                     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjIgKDQzNTE0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcnJvd19mb3J3YXJkIC0gbWF0ZXJpYWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVGhhbmstWW91LS0tTGFuZGluZy1QYWdlLXYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDkxLjAwMDAwMCwgLTU3MC4wMDAwMDApIiBmaWxsPSIjMEU5QUQ4Ij4KICAgICAgICAgICAgPGcgaWQ9IkNPTlRFTlQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2My4wMDAwMDAsIDQ0Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJMSU5LLTEiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJhcnJvd19mb3J3YXJkLS0tbWF0ZXJpYWwiIHBvaW50cz0iMjM1IDEyMy4zMiAyNDEuNjggMTMwIDIzNSAxMzYuNjggMjMzLjgyIDEzNS41IDIzOC40OCAxMzAuODIgMjI4LjMyIDEzMC44MiAyMjguMzIgMTI5LjE4IDIzOC40OCAxMjkuMTggMjMzLjgyIDEyNC41Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
                     background-repeat: no-repeat;
                     content: '';
@@ -139,7 +140,9 @@ main {
     }
 
     html[lang^='en'] & {
-        h1, h2, .time {
+        h1,
+        h2,
+        .time {
             font-family: Antonio, sans-serif;
             text-transform: uppercase;
         }
@@ -147,7 +150,7 @@ main {
 }
 
 #newsletter-subscribe {
-    background: #F8EB57;
+    background: #f8eb57;
     color: $color-black;
     padding-top: $spacing-xl;
 
@@ -163,4 +166,3 @@ main {
         }
     }
 }
-
diff --git a/media/css/firefox/seo.scss b/media/css/firefox/seo.scss
index 86c74d86c1e..06a155f1930 100644
--- a/media/css/firefox/seo.scss
+++ b/media/css/firefox/seo.scss
@@ -5,13 +5,12 @@
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-@import "~@mozilla-protocol/core/protocol/css/includes/lib";
-@import "~@mozilla-protocol/core/protocol/css/components/article";
-@import "~@mozilla-protocol/core/protocol/css/components/call-out";
-@import "~@mozilla-protocol/core/protocol/css/components/split";
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/article';
+@import '~@mozilla-protocol/core/protocol/css/components/call-out';
+@import '~@mozilla-protocol/core/protocol/css/components/split';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
-
 .c-hero-desc {
     @include text-body-xl;
     margin-bottom: $layout-md;
@@ -38,7 +37,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call out
 
 .mzp-c-call-out-compact.mzp-t-dark {
diff --git a/media/css/firefox/set-as-default/thanks.scss b/media/css/firefox/set-as-default/thanks.scss
index d999673d94e..9e22b3ed5cc 100644
--- a/media/css/firefox/set-as-default/thanks.scss
+++ b/media/css/firefox/set-as-default/thanks.scss
@@ -9,8 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/hero';
 @import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main Hero
 
 .thanks-hero.mzp-t-product-firefox {
@@ -30,7 +29,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional State
 
 .thanks-state-not-default-desktop,
@@ -94,7 +93,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Extra links section
 
 .thanks-extra-links {
diff --git a/media/css/firefox/sticky-promo.scss b/media/css/firefox/sticky-promo.scss
index 6d56bafda7b..9bc02761a2a 100644
--- a/media/css/firefox/sticky-promo.scss
+++ b/media/css/firefox/sticky-promo.scss
@@ -3,7 +3,6 @@
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
 $brand-theme: 'firefox';
-
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
@@ -42,14 +41,13 @@ $image-path: '/media/protocol/img';
     width: 100%;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Promo Products List Styles
 
 .promo-products-list {
     @include white-links;
     align-items: center;
-    border-top: $border-radius-xs solid rgba(255,255,255,0.5);
+    border-top: $border-radius-xs solid rgba(255, 255, 255, 0.5);
     display: flex;
     flex-direction: column;
     list-style: none;
diff --git a/media/css/firefox/switch.scss b/media/css/firefox/switch.scss
index 6a7c4e1dc5a..9c31fcfe7ac 100644
--- a/media/css/firefox/switch.scss
+++ b/media/css/firefox/switch.scss
@@ -29,7 +29,7 @@ $image-path: '/media/protocol/img';
         z-index: 1;
 
         @media #{$mq-lg} {
-            &:before {
+            &::before {
                 background-image: url('/media/img/firefox/switch/bg.svg');
                 background-position: 300px bottom 100px left;
                 background-size: auto 100%;
@@ -53,8 +53,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Steps
 
 .c-steps {
@@ -73,7 +72,7 @@ $image-path: '/media/protocol/img';
     vertical-align: top;
     margin: 0 $layout-sm $layout-sm;
 
-    &:before {
+    &::before {
         @include font-size(42px);
         align-items: center;
         background-color: $color-violet-50;
@@ -93,11 +92,11 @@ $image-path: '/media/protocol/img';
         width: 1.7em;
     }
 
-    &:nth-child(2):before {
+    &:nth-child(2)::before {
         background-image: url('/media/img/firefox/switch/two.svg');
     }
 
-    &:nth-child(3):before {
+    &:nth-child(3)::before {
         background-image: url('/media/img/firefox/switch/three.svg');
     }
 }
@@ -121,7 +120,7 @@ $image-path: '/media/protocol/img';
     display: inline-block;
     position: relative;
 
-    &:before {
+    &::before {
         @include bidi(((left, 0, right, auto),));
         background-image: url('/media/img/logos/social/social-icon-sprite-dark.svg');
         background-size: 24px auto;
@@ -135,27 +134,26 @@ $image-path: '/media/protocol/img';
         bottom: 0;
     }
 
-    &.twitter:before {
+    &.twitter::before {
         background-position: 0 3px;
     }
 
     &.facebook {
-        &:before {
+        &::before {
             background-position: 4px -81px;
         }
 
         @media #{$mq-md} {
             @include bidi(((padding-left, 18px + $spacing-sm, padding-right, 0),));
 
-            &:before {
+            &::before {
                 background-position: 0 -81px;
                 width: 18px;
             }
-
         }
     }
 
-    &.email:before {
+    &.email::before {
         background-position: 0 -109px;
     }
 }
diff --git a/media/css/firefox/sync.scss b/media/css/firefox/sync.scss
index eed0d5c2769..4e7f1abc952 100644
--- a/media/css/firefox/sync.scss
+++ b/media/css/firefox/sync.scss
@@ -10,7 +10,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import '~@mozilla-protocol/core/protocol/css/components/emphasis-box';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
-@import "~@mozilla-protocol/core/protocol/css/components/split";
+@import '~@mozilla-protocol/core/protocol/css/components/split';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 
@@ -37,8 +37,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional content
 
 // Hide Firefox Account CTAs by default; show download unless we know otherwise.
diff --git a/media/css/firefox/system-requirements.scss b/media/css/firefox/system-requirements.scss
index 980d068e479..1674e9f16f7 100644
--- a/media/css/firefox/system-requirements.scss
+++ b/media/css/firefox/system-requirements.scss
@@ -8,8 +8,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/call-out';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Header
 .c-page-title {
     @include text-title-xs;
@@ -17,8 +16,9 @@ $image-path: '/media/protocol/img';
     margin: $layout-lg 0;
     position: relative;
 
-    &:before {
+    &::before {
         @include background-size(40px 40px);
+        background-image: url('/media/protocol/img/logos/firefox/browser/logo.svg');
         background-repeat: no-repeat;
         content: '';
         display: block;
@@ -37,15 +37,11 @@ $image-path: '/media/protocol/img';
     }
 }
 
-.c-page-title:before {
-    background-image: url('/media/protocol/img/logos/firefox/browser/logo.svg');
-}
-
-.mzp-t-beta .c-page-title:before {
+.mzp-t-beta .c-page-title::before {
     background-image: url('/media/protocol/img/logos/firefox/browser/beta/logo.svg');
 }
 
-.mzp-t-aurora .c-page-title:before {
+.mzp-t-aurora .c-page-title::before {
     background-image: url('/media/img/firefox/releasenotes/aurora.png');
 
     @media #{$mq-high-res} {
@@ -53,7 +49,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-.mzp-t-nightly .c-page-title:before {
+.mzp-t-nightly .c-page-title::before {
     background-image: url('#{$image-path}/logos/firefox/browser/nightly/logo.svg');
 }
 
@@ -77,7 +73,7 @@ $image-path: '/media/protocol/img';
         list-style: disc;
 
         li {
-            margin-bottom: .25em;
+            margin-bottom: 0.25em;
         }
 
         ul {
@@ -98,7 +94,7 @@ $image-path: '/media/protocol/img';
         list-style: decimal;
 
         li {
-            margin-bottom: .25em;
+            margin-bottom: 0.25em;
         }
 
         ol {
@@ -115,10 +111,11 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Call-out
 
-.mzp-c-call-out-compact, .all-download {
+.mzp-c-call-out-compact,
+.all-download {
     display: none;
 }
 
@@ -139,5 +136,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
-
diff --git a/media/css/firefox/testflight.scss b/media/css/firefox/testflight.scss
index c9dbe192a8f..05b0d985cfc 100644
--- a/media/css/firefox/testflight.scss
+++ b/media/css/firefox/testflight.scss
@@ -10,14 +10,14 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/hero';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero
 
 .mzp-c-hero.mzp-t-dark {
     background-color: $color-ink-80;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Newsletter Form
 
 h4 {
@@ -31,4 +31,3 @@ h4 {
 .mzp-u-inline label {
     display: inline-block;
 }
-
diff --git a/media/css/firefox/unfck.de.scss b/media/css/firefox/unfck.de.scss
index b479e65662a..9efac058640 100644
--- a/media/css/firefox/unfck.de.scss
+++ b/media/css/firefox/unfck.de.scss
@@ -2,7 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
@@ -21,11 +21,11 @@ $image-path: '/media/protocol/img';
 $v-grid-xs: $layout-md;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-xl * 0.5;
 $h-grid-md: 64px;
 
-//lg
+// lg
 $v-grid-lg: 192px * 0.5;
 $h-grid-lg: 80px;
 
@@ -47,12 +47,15 @@ main {
         }
     }
 
-    h2, h3, h4 {
+    h2,
+    h3,
+    h4 {
         color: $color-white;
         margin-bottom: $spacing-md;
     }
 
-    h1, h2 {
+    h1,
+    h2 {
         color: $color-white;
     }
 }
@@ -64,7 +67,7 @@ main {
     &,
     & .mzp-c-card-feature-desc,
     & .mzp-c-hero {
-        background-color: #6E40C8;
+        background-color: #6e40c8;
         color: $color-white;
     }
 
@@ -128,6 +131,7 @@ main {
         a:visited {
             display: inline-block;
         }
+
         a:hover,
         a:focus,
         a:active {
@@ -162,6 +166,14 @@ main {
     .show-firefox {
         display: block;
     }
+
+    .mobile-badge {
+        display: inline-block;
+
+        @media #{$mq-md} {
+            margin-right: $spacing-md;
+        }
+    }
 }
 
 // begin conditional CTA content
@@ -178,16 +190,6 @@ main {
     }
 }
 
-.is-firefox {
-    .mobile-badge {
-        display: inline-block;
-
-        @media #{$mq-md} {
-            margin-right: $spacing-md;
-        }
-    }
-}
-
 .ios.is-firefox {
     .show-android {
         display: none;
@@ -255,18 +257,6 @@ main {
 // --------------------------------------------------------------------------
 // Banner
 
-.c-banner-wrapper {
-    margin: 0 auto;
-
-    &.show-default {
-        max-width: 750px;
-    }
-
-    &.show-firefox {
-        max-width: 900px;
-    }
-}
-
 .c-banner {
     background-repeat: no-repeat;
     height: 0;
@@ -276,30 +266,38 @@ main {
     top: 0;
 }
 
-.c-banner-wrapper.show-default {
-    .c-banner {
-        @include background-size(contain);
-        background-image: url('/media/img/firefox/campaign/unfck/de/unfck-header.png');
-        padding-top: math.div(562 * 100%, 742);
-        top: 0;
+.c-banner-wrapper {
+    margin: 0 auto;
 
-        @media #{$mq-sm} {
-            @include at2x('/media/img/firefox/campaign/unfck/de/unfck-header.png', contain);
-            margin-bottom: 0;
+    &.show-default {
+        max-width: 750px;
+
+        .c-banner {
+            @include background-size(contain);
+            background-image: url('/media/img/firefox/campaign/unfck/de/unfck-header.png');
             padding-top: math.div(562 * 100%, 742);
+            top: 0;
+
+            @media #{$mq-sm} {
+                @include at2x('/media/img/firefox/campaign/unfck/de/unfck-header.png', contain);
+                margin-bottom: 0;
+                padding-top: math.div(562 * 100%, 742);
+            }
         }
     }
-}
 
-.c-banner-wrapper.show-firefox  {
-    .c-banner {
-        @include background-size(contain);
-        background-image: url('/media/img/firefox/campaign/unfck/de/danke.png');
-        max-width:  100%;
-        padding-top: math.div(439 * 100%, 900);
+    &.show-firefox {
+        max-width: 900px;
 
-        @media #{$mq-md} {
-            @include at2x('/media/img/firefox/campaign/unfck/de/danke.png', contain);
+        .c-banner {
+            @include background-size(contain);
+            background-image: url('/media/img/firefox/campaign/unfck/de/danke.png');
+            max-width: 100%;
+            padding-top: math.div(439 * 100%, 900);
+
+            @media #{$mq-md} {
+                @include at2x('/media/img/firefox/campaign/unfck/de/danke.png', contain);
+            }
         }
     }
 }
@@ -339,25 +337,24 @@ main {
     }
 
     @media #{$mq-xl} {
-
         .mzp-c-hero-body {
             position: relative;
 
-            &:before,
-            &:after {
+            &::before,
+            &::after {
                 content: '';
                 height: 410px;
                 position: absolute;
                 width: 622px;
             }
 
-            &:before {
+            &::before {
                 background: transparent url('/media/img/firefox/campaign/unfck/de/speckles1.png') left bottom no-repeat;
                 bottom: -170px;
                 left: -800px;
             }
 
-            &:after {
+            &::after {
                 background: transparent url('/media/img/firefox/campaign/unfck/de/speckles2.png') left bottom no-repeat;
                 bottom: -300px;
                 right: -800px;
@@ -425,6 +422,7 @@ main {
     display: block;
     margin: 0 auto $layout-sm;
     max-width: 280px;
+    text-align: center;
     width: 100%;
 
     source,
@@ -432,6 +430,20 @@ main {
         display: block;
         width: 100%;
     }
+
+    // GIF backgrounds (display while they are loading)
+    #contain & {
+        background-color: #1a90e8;
+    }
+
+    #desinformation & {
+        background-color: #2657fd;
+    }
+
+    #social & {
+        background-color: $color-white;
+        color: $color-black;
+    }
 }
 
 .c-item-img-link {
@@ -451,9 +463,9 @@ main {
         @include grid-column-gap($h-grid-xs);
         display: grid;
         grid-template-areas:
-            "image"
-            "title"
-            "desc";
+            'image'
+            'title'
+            'desc';
         grid-template-rows: min-content 1fr;
         text-align: left;
     }
@@ -473,9 +485,8 @@ main {
     .c-item-desc {
         grid-area: desc;
 
-
         p:last-child {
-             margin-bottom: 0;
+            margin-bottom: 0;
         }
     }
 
@@ -483,8 +494,8 @@ main {
         .c-item-unfck {
             @include grid-column-gap($h-grid-md);
             grid-template-areas:
-                "image title"
-                "image desc";
+                'image title'
+                'image desc';
             margin-left: 0;
             margin-right: 0;
             max-width: 100%;
@@ -496,7 +507,7 @@ main {
         }
 
         .c-item-title {
-            &:before {
+            &::before {
                 position: absolute;
                 right: 100%;
                 top: 0;
@@ -596,23 +607,3 @@ main {
         }
     }
 }
-
-// --------------------------------------------------------------------------
-// GIF backgrounds (display while they are loading)
-
-.c-item-gif {
-    text-align: center;
-
-    #contain & {
-        background-color: #1a90e8;
-    }
-
-    #desinformation & {
-        background-color: #2657fd;
-    }
-
-    #social & {
-        background-color: $color-white;
-        color: $color-black;
-    }
-}
diff --git a/media/css/firefox/unfck.fr.scss b/media/css/firefox/unfck.fr.scss
index ba7d6aafcce..b85db7ca114 100644
--- a/media/css/firefox/unfck.fr.scss
+++ b/media/css/firefox/unfck.fr.scss
@@ -2,14 +2,13 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 // --------------------------------------------------------------------------
 // Protocol over-rides
 // https://github.com/mozilla/protocol/issues/345
@@ -20,15 +19,14 @@ $image-path: '/media/protocol/img';
 $v-grid-xs: $layout-md;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-xl * 0.5;
 $h-grid-md: 64px;
 
-//lg
+// lg
 $v-grid-lg: 192px * 0.5;
 $h-grid-lg: 80px;
 
-
 // --------------------------------------------------------------------------
 // Masthead
 
@@ -63,7 +61,7 @@ $h-grid-lg: 80px;
     position: relative;
 
     @media #{$mq-lg} {
-        &:before {
+        &::before {
             @include at2x('/media/img/firefox/campaign/unfck/fr/speckles-top-left.png', 347px, 300px);
             content: '';
             display: block;
@@ -74,7 +72,7 @@ $h-grid-lg: 80px;
             width: 347px;
         }
 
-        &:after {
+        &::after {
             @include at2x('/media/img/firefox/campaign/unfck/fr/speckles-top-right.png', 345px, 300px);
             content: '';
             display: block;
@@ -97,7 +95,7 @@ $h-grid-lg: 80px;
         position: relative;
         top: 0;
 
-        &:after {
+        &::after {
             background: transparent url('/media/img/firefox/campaign/unfck/fr/button-click.gif') left bottom no-repeat;
             @include background-size(contain);
             bottom: 8.5%;
@@ -110,7 +108,7 @@ $h-grid-lg: 80px;
         }
 
         @media (prefers-reduced-motion) {
-            &:after {
+            &::after {
                 background-image: url('/media/img/firefox/campaign/unfck/fr/button-click.png');
                 bottom: 5%;
             }
@@ -165,7 +163,6 @@ $h-grid-lg: 80px;
 // GIF backgrounds (display while they are loading)
 
 .c-item-gif {
-
     #contain & {
         background-color: #1a90e8;
     }
diff --git a/media/css/firefox/unfck.scss b/media/css/firefox/unfck.scss
index 4c83ac8e6fb..2f4df48f235 100644
--- a/media/css/firefox/unfck.scss
+++ b/media/css/firefox/unfck.scss
@@ -27,10 +27,12 @@ $image-path: '/media/protocol/img';
     .cc-default {
         display: none;
     }
+
     .cc-firefox,
     .cc-send-to-mobile {
         display: block;
     }
+
     .cc-start {
         display: inline;
     }
@@ -48,6 +50,7 @@ $image-path: '/media/protocol/img';
     .cc-send-to-mobile {
         display: none;
     }
+
     .cc-mobile {
         display: block;
     }
@@ -88,18 +91,16 @@ $image-path: '/media/protocol/img';
 // --------------------------------------------------------------------------
 
 .u-visually-hidden {
-    @include visually-hidden();
+    @include visually-hidden;
 }
 
 // --------------------------------------------------------------------------
 
 $svg-icon-twitter: '<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.032 14.5c6.037 0 9.34-5.002 9.34-9.34 0-.142 0-.283-.01-.424A6.679 6.679 0 0 0 16 3.037c-.6.266-1.235.44-1.885.517a3.294 3.294 0 0 0 1.443-1.816 6.579 6.579 0 0 1-2.085.797A3.286 3.286 0 0 0 7.88 5.528 9.32 9.32 0 0 1 1.114 2.1 3.285 3.285 0 0 0 2.13 6.481 3.258 3.258 0 0 1 .64 6.07v.041A3.284 3.284 0 0 0 3.274 9.33c-.484.132-.99.151-1.483.056a3.286 3.286 0 0 0 3.067 2.28A6.587 6.587 0 0 1 0 13.025a9.294 9.294 0 0 0 5.032 1.472" fill="#88ffd1" fill-rule="nonzero"/></svg>';
 $svg-icon-cta: '<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><polyline vector-effect="non-scaling-stroke" stroke="#88ffd1" stroke-width="2" points="9 19 16 12 9 5"></polyline></g></svg>';
-
-$icon_twitter: svg-url($svg-icon-twitter);
-$icon_cta: svg-url($svg-icon-cta);
-$icon_width: $spacing-lg;
-
+$icon-twitter: svg-url($svg-icon-twitter);
+$icon-cta: svg-url($svg-icon-cta);
+$icon-width: $spacing-lg;
 
 // --------------------------------------------------------------------------
 // Protocol over-rides
@@ -111,11 +112,11 @@ $icon_width: $spacing-lg;
 $v-grid-xs: $layout-md;
 $h-grid-xs: $layout-xs;
 
-//md
+// md
 $v-grid-md: $layout-xl * 0.5;
 $h-grid-md: 64px;
 
-//lg
+// lg
 $v-grid-lg: 192px * 0.5;
 $h-grid-lg: 80px;
 
@@ -135,7 +136,9 @@ main {
         }
     }
 
-    h2, h3, h4 {
+    h2,
+    h3,
+    h4 {
         color: $color-white;
         margin-bottom: $spacing-md;
     }
@@ -148,89 +151,69 @@ main {
     }
 }
 
-
 // --------------------------------------------------------------------------
 // theme colours (white text, mint buttons and links)
 
 .t-unfck {
-    &,
+    @include light-links;
+    background-color: $color-purple-90;
+    color: $color-white;
+
     & .mzp-c-card-feature-desc,
-    & .mzp-c-hero {
-        @include light-links;
+    & .mzp-c-hero.mzp-t-dark {
         background-color: transparent;
-        color: $color-white;
     }
 
-    & {
-        background-color: $color-purple-90;
-
-        // bg texture
-        .loaded & {
-
-            @media #{$mq-sm} {
-                background-image: url('/media/img/firefox/campaign/unfck/en/bg/top.png'),
-                                // checklist heading
-                                url('/media/img/firefox/campaign/unfck/en/bg/3.jpg'),
-                                url('/media/img/firefox/campaign/unfck/en/bg/4.jpg'),
-                                // ads
-                                url('/media/img/firefox/campaign/unfck/en/bg/2.jpg'),
-                                // fb
-                                url('/media/img/firefox/campaign/unfck/en/bg/6.jpg'),
-                                // youtube
-                                url('/media/img/firefox/campaign/unfck/en/bg/1.jpg'),
-                                url('/media/img/firefox/campaign/unfck/en/bg/7.jpg'),
-                                // giphy
-                                url('/media/img/firefox/campaign/unfck/en/bg/10.jpg'),
-                                url('/media/img/firefox/campaign/unfck/en/bg/9.jpg');
-                background-position: top center,
-                                    // checklist heading
-                                    top 700px right calc(50% + #{$content-sm * 0.5 }),
-                                    top 800px left calc(50% + #{$content-sm * 0.5 + 150px}),
-                                    // ads
-                                    top 1200px right calc(50% + #{$content-sm * 0.5 }),
-                                    // fb
-                                    top 1950px right calc(50% + #{$content-sm * 0.5 }),
-                                    // youtube
-                                    top 2500px right calc(50% + #{$content-sm * 0.5 }),
-                                    top 2300px left calc(50% + #{$content-sm * 0.5 }),
-                                    // giphy
-                                    bottom 50px right calc(50% + #{$content-sm * 0.5 } ),
-                                    bottom 350px left calc(50% + #{$content-sm * 0.5 + 150px});
-                background-repeat: no-repeat;
-                background-size: (1944px*0.5) (786px*0.5),
-                                //checklist heading
-                                (386px*0.5) (350px*0.5),
-                                (534px*0.5) (556px*0.5),
-                                //ads
-                                (620px*0.5) (662px*0.5),
-                                //fb
-                                (386px*0.5) (350px*0.5),
-                                //youtube
-                                (560px*0.5) (408px*0.5),
-                                (314px*0.5) (460px*0.5),
-                                //giphy
-                                (270px*0.5) (168px*0.5),
-                                (296px*0.5) (450px*0.5);
-            }
-
+    & .mzp-c-hero.mzp-t-dark .mzp-c-hero-desc {
+        color: $color-white;
+    }
 
+    // bg texture
+    .loaded & {
+        @media #{$mq-sm} {
+            background-image:
+                url('/media/img/firefox/campaign/unfck/en/bg/top.png'),
+                url('/media/img/firefox/campaign/unfck/en/bg/3.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/4.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/2.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/6.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/1.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/7.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/10.jpg'),
+                url('/media/img/firefox/campaign/unfck/en/bg/9.jpg');
+            background-position:
+                top center,
+                top 700px right calc(50% + #{$content-sm * 0.5 }),
+                top 800px left calc(50% + #{$content-sm * 0.5 + 150px}),
+                top 1200px right calc(50% + #{$content-sm * 0.5 }),
+                top 1950px right calc(50% + #{$content-sm * 0.5 }),
+                top 2500px right calc(50% + #{$content-sm * 0.5 }),
+                top 2300px left calc(50% + #{$content-sm * 0.5 }),
+                bottom 50px right calc(50% + #{$content-sm * 0.5 }),
+                bottom 350px left calc(50% + #{$content-sm * 0.5 + 150px});
+            background-repeat: no-repeat;
+            background-size: (1944px * 0.5) (786px * 0.5),
+                (386px * 0.5) (350px * 0.5),
+                (534px * 0.5) (556px * 0.5),
+                (620px * 0.5) (662px * 0.5),
+                (386px * 0.5) (350px * 0.5),
+                (560px * 0.5) (408px * 0.5),
+                (314px * 0.5) (460px * 0.5),
+                (270px * 0.5) (168px * 0.5),
+                (296px * 0.5) (450px * 0.5);
+        }
 
-            @media #{$mq-lg} {
-                background-position: top center,
-                                    // checklist heading
-                                    top 700px right calc(50% + #{$content-lg * 0.5 }),
-                                    top 800px left calc(50% + #{$content-lg * 0.5 + 150px}),
-                                    // ads
-                                    top 1200px right calc(50% + #{$content-lg * 0.5 }),
-                                    // fb
-                                    top 1950px right calc(50% + #{$content-lg * 0.5 }),
-                                    // youtube
-                                    top 2500px right calc(50% + #{$content-lg * 0.5 }),
-                                    top 2300px left calc(50% + #{$content-lg * 0.5 + 70px}),
-                                    // giphy
-                                    bottom 50px right calc(50% + #{$content-lg * 0.5 + 50px} ),
-                                    bottom 350px left calc(50% + #{$content-lg * 0.5 + 150px});
-            }
+        @media #{$mq-lg} {
+            background-position:
+                top center,
+                top 700px right calc(50% + #{$content-lg * 0.5 }),
+                top 800px left calc(50% + #{$content-lg * 0.5 + 150px}),
+                top 1200px right calc(50% + #{$content-lg * 0.5 }),
+                top 1950px right calc(50% + #{$content-lg * 0.5 }),
+                top 2500px right calc(50% + #{$content-lg * 0.5 }),
+                top 2300px left calc(50% + #{$content-lg * 0.5 + 70px}),
+                bottom 50px right calc(50% + #{$content-lg * 0.5 + 50px}),
+                bottom 350px left calc(50% + #{$content-lg * 0.5 + 150px});
         }
     }
 
@@ -265,12 +248,12 @@ main {
     }
 
     .fx-privacy-link {
-        display: none; //TODO
+        display: none; // TODO
     }
 
     .mzp-c-cta-link,
     .mzp-c-card-cta-text {
-        background: $icon_cta bottom 1px right no-repeat;
+        background: $icon-cta bottom 1px right no-repeat;
         background-size: $spacing-md auto;
         margin-bottom: 0;
         padding-right: $spacing-lg;
@@ -293,12 +276,11 @@ main {
     }
 }
 
-
 // --------------------------------------------------------------------------
 // banner & hero
 
 .c-banner {
-    margin: 0 auto 48px auto;
+    margin: 0 auto 48px;
     width: calc(100% - #{$layout-sm * 2});
     max-width: 531px;
     position: relative;
@@ -317,7 +299,7 @@ main {
         top: $v-grid-lg;
     }
 
-    .loaded &:after {
+    .loaded &::after {
         background: transparent url('/media/img/firefox/campaign/unfck/en/heart.gif') left bottom no-repeat;
         background-size: contain;
         display: block;
@@ -330,7 +312,7 @@ main {
     }
 
     @media (prefers-reduced-motion) {
-        .loaded &:after {
+        .loaded &::after {
             background-image: url('/media/img/firefox/campaign/unfck/en/still/heart.jpg');
         }
     }
@@ -358,7 +340,6 @@ main {
     @include visually-hidden;
 }
 
-
 // --------------------------------------------------------------------------
 // checklist
 
@@ -369,7 +350,8 @@ main {
 
     .t-unfck &:link {
         text-decoration: none;
-        &:after {
+
+        &::after {
             border-radius: $border-radius-md;
             border: 1px solid transparent;
             bottom: $spacing-md * -1;
@@ -384,7 +366,7 @@ main {
 
     .t-unfck &:hover,
     .t-unfck &:focus {
-        &:after {
+        &::after {
             border: 1px solid $color-green-50;
         }
     }
@@ -397,7 +379,7 @@ main {
         margin-top: $v-grid-lg;
 
         .t-unfck &:link {
-            &:after {
+            &::after {
                 bottom: $spacing-xl * -1;
                 left: $spacing-xl * -1;
                 right: $spacing-xl * -1;
@@ -448,9 +430,9 @@ main {
     .c-item-unfck {
         display: grid;
         grid-template-areas:
-            "image"
-            "title"
-            "desc";
+            'image'
+            'title'
+            'desc';
     }
 
     .c-item-img {
@@ -469,15 +451,15 @@ main {
             display: grid;
             grid-template-rows: min-content 1fr;
             grid-template-areas:
-                "image title"
-                "image desc";
+                'image title'
+                'image desc';
             max-width: 100%;
             margin-left: 0;
             margin-right: 0;
         }
 
         .c-item-img {
-            @include grid-column-gap($h-grid-md - $icon_width);
+            @include grid-column-gap($h-grid-md - $icon-width);
             justify-items: start;
         }
 
@@ -488,7 +470,7 @@ main {
         .c-item-title {
             grid-area: title;
 
-            &:before {
+            &::before {
                 position: absolute;
                 top: 0;
                 right: 100%;
@@ -503,12 +485,11 @@ main {
         }
 
         .c-item-img {
-            @include grid-column-gap($h-grid-lg - $icon_width);
+            @include grid-column-gap($h-grid-lg - $icon-width);
         }
     }
 }
 
-
 // --------------------------------------------------------------------------
 // section titles
 
diff --git a/media/css/firefox/welcome.scss b/media/css/firefox/welcome.scss
index 2e300a7af8b..6753383c67c 100644
--- a/media/css/firefox/welcome.scss
+++ b/media/css/firefox/welcome.scss
@@ -9,7 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/modal';
 @import '~@mozilla-protocol/core/protocol/css/components/inline-list';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Smooth Scroll
 
 html {
@@ -20,7 +20,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page header
 
 .c-page-header {
@@ -55,8 +55,7 @@ html {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page hero
 
 .mzp-c-hero {
@@ -162,7 +161,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Primary content
 
 .body-primary {
@@ -205,7 +204,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary content
 // To be replaced by revamped picto card. See https://github.com/mozilla/protocol/issues/382
 
@@ -268,7 +267,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary CTA
 
 .secondary-cta {
@@ -299,8 +298,7 @@ html {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Dark theme
 
 .mzp-c-hero.mzp-t-dark {
@@ -313,8 +311,7 @@ html {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Modal
 
 .no-js {
@@ -344,7 +341,7 @@ html {
         content: '';
         height: $layout-lg;
         left: 50%;
-        margin-left: -($layout-lg*0.5);
+        margin-left: -($layout-lg * 0.5);
         position: absolute;
         top: 0;
         width: $layout-lg;
@@ -405,7 +402,6 @@ html {
     .mzp-c-modal-window {
         padding: $layout-xs;
     }
-
 }
 
 @media #{$mq-md} {
@@ -420,8 +416,7 @@ html {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Send to Device overrides
 
 #send-to-device {
@@ -443,7 +438,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 //  Set as default conditionals
 
 .state-is-default {
@@ -473,12 +468,12 @@ html {
 }
 
 .image-container {
-    margin: 35px 0 70px 0;
+    margin: 35px 0 70px;
 
     .image-wrapper {
         display: inline-block;
         vertical-align: top;
-        margin: 0 50px 0 50px;
+        margin: 0 50px;
         position: relative;
 
         // This test is not being performed in any RTL locales
@@ -528,7 +523,7 @@ html {
     .welcome-page8.variation-2-image {
         .image-container {
             .image-wrapper {
-                margin: 0 30px 0 30px;
+                margin: 0 30px;
 
                 &:first-of-type {
                     margin: 0 30px 0 0;
@@ -561,7 +556,7 @@ html {
     .image-container {
         @media (max-width: 767px) {
             max-width: 300px;
-            margin: 5px auto 70px auto;
+            margin: 5px auto 70px;
 
             #arrow-right {
                 display: none;
@@ -575,7 +570,7 @@ html {
                 }
 
                 &:first-of-type {
-                    margin: 0 0 50px 0;
+                    margin: 0 0 50px;
                 }
 
                 img {
@@ -599,17 +594,17 @@ html {
 
 .welcome-page8.variation-3-animation {
     .image-container {
-        margin: 35px auto 70px auto;
+        margin: 35px auto 70px;
         max-width: 1000px;
 
         @media (max-width: 767px) {
-            margin: 35px auto 45px auto;
+            margin: 35px auto 45px;
         }
 
         .image-wrapper {
             display: inline-block;
             vertical-align: top;
-            margin: 0 5% 0 5%;
+            margin: 0 5%;
             position: relative;
             width: 25%;
 
@@ -624,7 +619,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Featured Press Logos
 
 .welcome-page9-press-logos {
diff --git a/media/css/firefox/welcome10.scss b/media/css/firefox/welcome10.scss
index 0f1622fe54a..c37c7dc4dd8 100644
--- a/media/css/firefox/welcome10.scss
+++ b/media/css/firefox/welcome10.scss
@@ -9,7 +9,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-
 .c-page-header {
     .mzp-l-content {
         padding-top: $spacing-md;
@@ -17,7 +16,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .c-content-main {
     padding: 0;
@@ -59,8 +58,7 @@ $image-path: '/media/protocol/img';
     margin-right: auto;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary content
 .mzp-c-picto {
     max-width: $content-sm;
@@ -72,8 +70,7 @@ $image-path: '/media/protocol/img';
     margin-right: auto;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities
 .c-utilities {
     @include text-body-sm;
diff --git a/media/css/firefox/welcome11.scss b/media/css/firefox/welcome11.scss
index c038aed2b55..c2838039f68 100644
--- a/media/css/firefox/welcome11.scss
+++ b/media/css/firefox/welcome11.scss
@@ -11,7 +11,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-
 .c-page-header {
     .mzp-l-content {
         padding-top: $spacing-md;
@@ -19,7 +18,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .c-content-main {
     padding: 0;
@@ -43,8 +42,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary content
 .page-body .mzp-l-content {
     padding-top: 0;
@@ -70,8 +68,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities
 .c-utilities {
     @include text-body-sm;
@@ -80,8 +77,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Dark mode
 @media (prefers-color-scheme: dark) {
     .c-page-header .c-header-logo {
@@ -163,5 +159,4 @@ $image-path: '/media/protocol/img';
     .c-footer-primary-logo a {
         background-image: url('/media/protocol/img/logos/mozilla/logo-word-hor-white.svg');
     }
-
 }
diff --git a/media/css/firefox/whatsnew/includes/_header.scss b/media/css/firefox/whatsnew/includes/_header.scss
index 0b33f56ea32..39fe16345e2 100644
--- a/media/css/firefox/whatsnew/includes/_header.scss
+++ b/media/css/firefox/whatsnew/includes/_header.scss
@@ -7,7 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Up-to-date page header
 
 .c-page-header {
diff --git a/media/css/firefox/whatsnew/whatsnew-91-de.scss b/media/css/firefox/whatsnew/whatsnew-91-de.scss
index 522bd5c8a52..9f59b16c76c 100644
--- a/media/css/firefox/whatsnew/whatsnew-91-de.scss
+++ b/media/css/firefox/whatsnew/whatsnew-91-de.scss
@@ -11,8 +11,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -33,7 +32,7 @@ $image-path: '/media/protocol/img';
 
     .inline-icon {
         height: 1em;
-        margin-bottom: -.1em;
+        margin-bottom: -0.1em;
         vertical-align: baseline;
         width: 1em;
     }
@@ -48,8 +47,7 @@ $image-path: '/media/protocol/img';
     margin-top: $spacing-sm;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Extra content
 
 .mzp-c-picto {
@@ -80,8 +78,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -90,8 +87,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer overrides
 .c-footer {
     background: $color-white;
@@ -133,11 +129,9 @@ $image-path: '/media/protocol/img';
     background-image: url('/media/protocol/img/logos/mozilla/logo-word-hor.svg');
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
-
     html,
     .content-wrapper {
         background: $color-dark-gray-60;
diff --git a/media/css/firefox/whatsnew/whatsnew-91-en.scss b/media/css/firefox/whatsnew/whatsnew-91-en.scss
index 7c75deea8f6..6807128f2ad 100644
--- a/media/css/firefox/whatsnew/whatsnew-91-en.scss
+++ b/media/css/firefox/whatsnew/whatsnew-91-en.scss
@@ -11,8 +11,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/picto';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -34,7 +33,7 @@ $image-path: '/media/protocol/img';
 
 .inline-icon {
     height: 1em;
-    margin-bottom: -.1em;
+    margin-bottom: -0.1em;
     vertical-align: baseline;
     width: 1em;
 }
@@ -48,8 +47,7 @@ $image-path: '/media/protocol/img';
     margin-top: $spacing-sm;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Extra content
 
 .mzp-c-picto {
@@ -90,8 +88,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -100,8 +97,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer overrides
 .c-footer {
     background: $color-white;
@@ -143,8 +139,7 @@ $image-path: '/media/protocol/img';
     background-image: url('/media/protocol/img/logos/mozilla/logo-word-hor.svg');
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
     .content-wrapper {
diff --git a/media/css/firefox/whatsnew/whatsnew-92-de.scss b/media/css/firefox/whatsnew/whatsnew-92-de.scss
index e540d3665d4..c1c3a5a268e 100644
--- a/media/css/firefox/whatsnew/whatsnew-92-de.scss
+++ b/media/css/firefox/whatsnew/whatsnew-92-de.scss
@@ -11,8 +11,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -37,7 +36,7 @@ $image-path: '/media/protocol/img';
     margin-top: $layout-md;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Extra content
 
 .mzp-c-card {
@@ -53,8 +52,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -63,8 +61,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer overrides
 .c-footer {
     background: $color-white;
@@ -106,11 +103,9 @@ $image-path: '/media/protocol/img';
     background-image: url('/media/protocol/img/logos/mozilla/logo-word-hor.svg');
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
-
     html,
     .content-wrapper {
         background: $color-dark-gray-60;
diff --git a/media/css/firefox/whatsnew/whatsnew-92-en.scss b/media/css/firefox/whatsnew/whatsnew-92-en.scss
index bf2774dc948..7a924ee563d 100644
--- a/media/css/firefox/whatsnew/whatsnew-92-en.scss
+++ b/media/css/firefox/whatsnew/whatsnew-92-en.scss
@@ -14,7 +14,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import 'includes/header';
 
-
 // Override _header.scss since this page doesn't support dark mode
 @media (prefers-color-scheme: dark) {
     .c-page-header-logo-fx {
@@ -22,8 +21,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -53,8 +51,7 @@ $image-path: '/media/protocol/img';
     margin-right: auto;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
diff --git a/media/css/firefox/whatsnew/whatsnew-92-fr.scss b/media/css/firefox/whatsnew/whatsnew-92-fr.scss
index b64b296371a..87c1e7d8b0a 100644
--- a/media/css/firefox/whatsnew/whatsnew-92-fr.scss
+++ b/media/css/firefox/whatsnew/whatsnew-92-fr.scss
@@ -15,8 +15,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     margin-bottom: $layout-xl;
@@ -60,7 +59,7 @@ $image-path: '/media/protocol/img';
 
     .c-availability-heading {
         @include text-title-xs;
-        margin: 0 auto .5em;
+        margin: 0 auto 0.5em;
         max-width: 18em;
         text-align: center;
     }
@@ -77,7 +76,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -86,10 +85,9 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
-
     html,
     .content-wrapper {
         background: $color-dark-gray-60;
@@ -136,7 +134,7 @@ $image-path: '/media/protocol/img';
 
     .c-availability {
         .mzp-c-button.mzp-t-product.mzp-t-secondary {
-            background-color: rgba($color-white, .3);
+            background-color: rgba($color-white, 0.3);
             border-color: transparent;
             color: $color-white;
 
diff --git a/media/css/firefox/whatsnew/whatsnew-93.scss b/media/css/firefox/whatsnew/whatsnew-93.scss
index 2dd415fb559..62a97201751 100644
--- a/media/css/firefox/whatsnew/whatsnew-93.scss
+++ b/media/css/firefox/whatsnew/whatsnew-93.scss
@@ -9,8 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -68,7 +67,6 @@ $image-path: '/media/protocol/img';
     margin: $layout-md auto;
 }
 
-
 // Responsive video container
 .video-container {
     margin: 0 auto;
@@ -96,7 +94,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -105,8 +103,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 
 @media (prefers-color-scheme: dark) {
diff --git a/media/css/firefox/whatsnew/whatsnew-account.scss b/media/css/firefox/whatsnew/whatsnew-account.scss
index 634d4c9a8ca..635cafbc0be 100644
--- a/media/css/firefox/whatsnew/whatsnew-account.scss
+++ b/media/css/firefox/whatsnew/whatsnew-account.scss
@@ -11,8 +11,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -61,8 +60,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -71,8 +69,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
     .content-wrapper {
@@ -93,7 +90,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
     .content-wrapper {
diff --git a/media/css/firefox/whatsnew/whatsnew-mobile-de.scss b/media/css/firefox/whatsnew/whatsnew-mobile-de.scss
index eefdd8ca1b2..3aa561c25af 100644
--- a/media/css/firefox/whatsnew/whatsnew-mobile-de.scss
+++ b/media/css/firefox/whatsnew/whatsnew-mobile-de.scss
@@ -9,7 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
 @import 'includes/header';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -40,7 +40,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // To be replaced by revamped picto card. See https://github.com/mozilla/protocol/issues/382
 
 .c-picto-block {
@@ -81,7 +81,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -90,7 +90,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
     .content-wrapper {
@@ -123,7 +123,6 @@ $image-path: '/media/protocol/img';
         h2.thank-you {
             color: get-theme('title-text-color-inverse');
         }
-
     }
 
     .c-utilities {
diff --git a/media/css/firefox/whatsnew/whatsnew-mobile-qrcode-de.scss b/media/css/firefox/whatsnew/whatsnew-mobile-qrcode-de.scss
index f591a1917d2..4502245688d 100644
--- a/media/css/firefox/whatsnew/whatsnew-mobile-qrcode-de.scss
+++ b/media/css/firefox/whatsnew/whatsnew-mobile-qrcode-de.scss
@@ -9,7 +9,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
 @import 'includes/header';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 
 .wnp-content-main {
@@ -49,7 +49,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // To be replaced by revamped picto card. See https://github.com/mozilla/protocol/issues/382
 
 .c-picto-block {
@@ -90,7 +90,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 
 .c-utilities {
@@ -100,7 +100,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 
 @media (prefers-color-scheme: dark) {
diff --git a/media/css/firefox/whatsnew/whatsnew-nightly.scss b/media/css/firefox/whatsnew/whatsnew-nightly.scss
index 905a1569164..311acc85b38 100644
--- a/media/css/firefox/whatsnew/whatsnew-nightly.scss
+++ b/media/css/firefox/whatsnew/whatsnew-nightly.scss
@@ -27,7 +27,7 @@ $image-path: '/media/protocol/img';
     background-image: none;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Emphasis box
 
 .mzp-c-emphasis-box {
@@ -52,4 +52,3 @@ $image-path: '/media/protocol/img';
         text-align: center;
     }
 }
-
diff --git a/media/css/firefox/whatsnew/whatsnew.scss b/media/css/firefox/whatsnew/whatsnew.scss
index 8070bde648b..475b59ff577 100644
--- a/media/css/firefox/whatsnew/whatsnew.scss
+++ b/media/css/firefox/whatsnew/whatsnew.scss
@@ -11,8 +11,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
 @import 'includes/header';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main content
 .wnp-content-main {
     padding: 0;
@@ -46,8 +45,7 @@ $image-path: '/media/protocol/img';
     margin: $spacing-lg auto;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Utilities (link to release notes)
 .c-utilities {
     @include text-body-sm;
@@ -56,8 +54,7 @@ $image-path: '/media/protocol/img';
     text-align: center;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // For dark mode
 @media (prefers-color-scheme: dark) {
     .content-wrapper {
diff --git a/media/css/foundation/annual-report-2011.scss b/media/css/foundation/annual-report-2011.scss
index 5e2f75998bf..33deba5c3d9 100644
--- a/media/css/foundation/annual-report-2011.scss
+++ b/media/css/foundation/annual-report-2011.scss
@@ -5,7 +5,6 @@
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/inline-list';
 
-
 .section {
     margin-bottom: $layout-lg;
 
diff --git a/media/css/foundation/annual-report-2019.scss b/media/css/foundation/annual-report-2019.scss
index 406005cc1e9..4e9ed74f6f4 100644
--- a/media/css/foundation/annual-report-2019.scss
+++ b/media/css/foundation/annual-report-2019.scss
@@ -9,11 +9,11 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/card';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 @import '~@mozilla-protocol/core/protocol/css/components/feature-card';
-@import "~@mozilla-protocol/core/protocol/css/components/hero";
+@import '~@mozilla-protocol/core/protocol/css/components/hero';
 @import '~@mozilla-protocol/core/protocol/css/components/modal';
 @import '~@mozilla-protocol/core/protocol/css/components/split';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero image & banner heading
 .c-hero-banner {
     background: url('/media/img/foundation/annualreport/2019/pixel-mobile-bg.svg') right center no-repeat;
@@ -26,7 +26,7 @@ $image-path: '/media/protocol/img';
         color: $color-black;
         display: inline-block;
         font-weight: bold;
-        line-height: .7;
+        line-height: 0.7;
         padding: 0;
     }
 
@@ -107,10 +107,13 @@ $image-path: '/media/protocol/img';
         margin-bottom: $spacing-2xl;
         font-weight: normal;
     }
-}
 
+    .mzp-c-card-media-wrapper {
+        background-color: transparent;
+    }
+}
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Content sections
 .c-intro-section {
     p {
@@ -144,7 +147,6 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-lg} {
-
         .c-copy-wrapper {
             @include clearfix;
             margin: 0 auto;
@@ -180,8 +182,7 @@ $image-path: '/media/protocol/img';
     padding: $spacing-2xl $spacing-lg $spacing-lg;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page footer
 .c-site-footer {
     ul {
@@ -233,7 +234,6 @@ $image-path: '/media/protocol/img';
 
             &:first-child a {
                 @include bidi(((margin-right, 10px, margin-left, 0),));
-
             }
 
             &:last-child a {
@@ -253,16 +253,15 @@ $image-path: '/media/protocol/img';
     opacity: 0;
 }
 
-
 // Hide enhanced content if JS isn't available
 .no-js-hidden {
-    .no-js  & {
+    .no-js & {
         @include hidden;
     }
 }
 
 .js-modal-content {
-    .js  & {
+    .js & {
         @include hidden;
     }
 
@@ -306,7 +305,7 @@ $image-path: '/media/protocol/img';
     position: relative;
 
     &::after {
-        content: " ";
+        content: ' ';
         background: url('/media/img/foundation/annualreport/2019/pixel-small-bg.svg') center center no-repeat;
         background-size: contain;
         width: 66px;
@@ -339,10 +338,12 @@ $image-path: '/media/protocol/img';
         margin-bottom: $spacing-lg;
         padding-left: $spacing-sm;
         font-weight: 100;
+
         .highlight {
             margin-left: -$spacing-sm;
         }
     }
+
     a:link {
         color: $color-black;
     }
@@ -391,12 +392,12 @@ $image-path: '/media/protocol/img';
     }
 
     .mzp-c-modal-button-close {
-        background-image: url("/media/protocol/img/icons/close.svg");
+        background-image: url('/media/protocol/img/icons/close.svg');
     }
 }
 
 .c-modal-next {
-    @extend .mzp-c-modal-close;
+    @extend .mzp-c-modal-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder  */
     right: 3.75rem;
 
     .hide-next & {
@@ -404,12 +405,12 @@ $image-path: '/media/protocol/img';
     }
 
     .c-modal-button-next {
-        background-image: url("/media/protocol/img/icons/arrow-right.svg");
+        background-image: url('/media/protocol/img/icons/arrow-right.svg');
     }
 }
 
 .c-modal-prev {
-    @extend .mzp-c-modal-close;
+    @extend .mzp-c-modal-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder  */
     right: 7.1rem;
 
     .hide-next & {
@@ -421,13 +422,13 @@ $image-path: '/media/protocol/img';
     }
 
     .c-modal-button-prev {
-        background-image: url("/media/protocol/img/icons/arrow-left.svg");
+        background-image: url('/media/protocol/img/icons/arrow-left.svg');
     }
 }
 
 .c-modal-button-next,
-.c-modal-button-prev,  {
-    @extend .mzp-c-modal-button-close;
+.c-modal-button-prev {
+    @extend .mzp-c-modal-button-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
 }
 
 .mzp-c-modal-overlay-contents,
@@ -497,11 +498,10 @@ $image-path: '/media/protocol/img';
 
         &:hover {
             background-color: $color-white;
-       }
+        }
     }
 }
 
-
 .c-report-pdfs {
     border-top: 1px solid $color-light-gray-90;
     padding-top: $spacing-xl;
@@ -540,6 +540,7 @@ $image-path: '/media/protocol/img';
     h3 {
         @include text-title-md;
         padding: $spacing-lg 0 $spacing-sm;
+
         span {
             display: inline-block;
             margin-right: $spacing-xs;
@@ -565,7 +566,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 .c-leadership-article-title {
     margin-top: -$spacing-2xl;
     margin-bottom: $spacing-2xl;
@@ -582,9 +582,3 @@ $image-path: '/media/protocol/img';
         margin-top: $spacing-lg;
     }
 }
-
-.leadership {
-    .mzp-c-card-media-wrapper  {
-        background-color: transparent;
-    }
-}
diff --git a/media/css/foundation/annual-report.scss b/media/css/foundation/annual-report.scss
index bb2ce3c5a6e..3130c09fabc 100644
--- a/media/css/foundation/annual-report.scss
+++ b/media/css/foundation/annual-report.scss
@@ -7,8 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero image & banner heading
 .c-banner {
     color: $color-white;
@@ -72,7 +71,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2017
 #annual-2017 {
     .c-banner .c-banner-content {
@@ -84,7 +82,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2016
 #annual-2016 {
     .c-banner .c-banner-content {
@@ -96,7 +93,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2015
 #annual-2015 {
     .c-banner .c-banner-content {
@@ -113,7 +109,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2014
 #annual-2014 {
     .c-banner .c-banner-content {
@@ -134,7 +129,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2013
 #annual-2013 {
     .c-banner .c-banner-content {
@@ -155,7 +149,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // 2012
 #annual-2012 {
     .c-banner .c-banner-content {
@@ -189,12 +182,10 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Content sections
 
 .c-intro-section {
-
     p {
         @include font-mozilla;
         @include text-title-sm;
@@ -226,7 +217,6 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-lg} {
-
         .c-copy-wrapper {
             @include clearfix;
             margin: 0 auto;
@@ -265,13 +255,12 @@ $image-path: '/media/protocol/img';
 .c-media {
     margin: $spacing-lg 0;
 
-    h3  {
+    h3 {
         @include visually-hidden;
     }
 }
 
-
-/* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Financial table
 
 .financial-table {
@@ -285,8 +274,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page footer
 
 .c-site-footer {
@@ -299,7 +287,7 @@ $image-path: '/media/protocol/img';
         margin: $spacing-lg auto;
 
         a {
-            @include transition(background-color .1s ease-in-out);
+            @include transition(background-color 0.1s ease-in-out);
             background-color: $color-link;
             color: $color-white;
             display: block;
@@ -339,7 +327,6 @@ $image-path: '/media/protocol/img';
 
             &:first-child a {
                 @include bidi(((margin-right, 10px, margin-left, 0),));
-
             }
 
             &:last-child a {
@@ -348,11 +335,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
-.c-media {
-    margin: $spacing-lg 0;
-
-    h3  {
-        @include visually-hidden;
-    }
-}
diff --git a/media/css/foundation/feed-icon-guidelines.scss b/media/css/foundation/feed-icon-guidelines.scss
index 107af0389c0..e3eaddcb17f 100644
--- a/media/css/foundation/feed-icon-guidelines.scss
+++ b/media/css/foundation/feed-icon-guidelines.scss
@@ -4,12 +4,12 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-.para  ul {
+.para ul {
     @include bidi(((margin-left, $layout-sm, margin-right, 0),));
     list-style: disc;
 
     li {
-        margin-bottom: .25em;
+        margin-bottom: 0.25em;
     }
 
     ul {
diff --git a/media/css/foundation/reimagine-open.scss b/media/css/foundation/reimagine-open.scss
index aaedd42e832..b97d7c9c216 100644
--- a/media/css/foundation/reimagine-open.scss
+++ b/media/css/foundation/reimagine-open.scss
@@ -2,13 +2,14 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
+@use 'sass:color';
+
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core//protocol/css/includes/lib';
 @import '~@mozilla-protocol/core//protocol/css/components/hero';
 
-
 .mzp-c-hero {
     background: $color-moz-neon-green url('/media/img/foundation/reimagine-open/bg-header.png') left bottom no-repeat;
     @include background-size(469px, 195px);
@@ -51,13 +52,12 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Section I: The Early Internet and the Power of Open
 .section-one {
     background-color: $color-light-gray-10;
 
     .mzp-l-content {
-        background: transparentize($color-light-gray-10, .15);
+        background: color.adjust($color-light-gray-10, $alpha: 0.15);
     }
 
     @media #{$mq-md} {
@@ -67,7 +67,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Section II: The Open Internet Comes of Age
 .section-two {
     @include at2x('/media/img/foundation/reimagine-open/section-two.png', 960px, 540px);
@@ -76,11 +75,11 @@ $image-path: '/media/protocol/img';
     background-attachment: fixed;
 
     .mzp-l-content {
-        background: transparentize($color-white, .15);
+        background: color.adjust($color-white, $alpha: 0.15);
     }
 
     .case-study {
-        background: transparentize($color-moz-warm-red, .95);
+        background: color.adjust($color-moz-warm-red, $alpha: 0.95);
     }
 
     @media #{$mq-md} {
@@ -88,14 +87,13 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Section III: The Future of Open: 2020 and Beyond
 .section-three {
-    background: lighten($color-moz-lemon-yellow, 20%) url('/media/img/foundation/reimagine-open/section-three.svg') right -20% top 10% no-repeat;
+    background: color.adjust($color-moz-lemon-yellow, $lightness: 20%) url('/media/img/foundation/reimagine-open/section-three.svg') right -20% top 10% no-repeat;
     @include background-size(600px, 514px);
 
     .case-study {
-        background: transparentize($color-moz-lemon-yellow, .8);
+        background: color.adjust($color-moz-lemon-yellow, $alpha: 0.8);
     }
 
     @media #{$mq-md} {
@@ -103,7 +101,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Section IV: Conclusion
 .section-four {
     background: url('/media/img/foundation/reimagine-open/bg-conclusion.jpg') center top no-repeat;
@@ -118,7 +115,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Pull quotes
 @media #{$mq-md} {
     .c-pullquote {
@@ -146,7 +142,7 @@ $image-path: '/media/protocol/img';
             @include background-size(cover);
 
             blockquote {
-                background: rgba(0, 0, 0, .85);
+                background: rgba(0, 0, 0, 0.85);
             }
         }
 
@@ -189,4 +185,3 @@ $image-path: '/media/protocol/img';
         }
     }
 }
-
diff --git a/media/css/l10n/ar/intl.css b/media/css/l10n/ar/intl.css
index cbd37140455..f586cd7bd1d 100644
--- a/media/css/l10n/ar/intl.css
+++ b/media/css/l10n/ar/intl.css
@@ -1,17 +1,17 @@
 /* Bug 958321 */
 
 @font-face {
-  font-family: X-LocaleSpecific;
-  font-weight: normal;
-  font-display: swap;
-  src: url('/media/fonts/l10n/DroidNaskh-Regular.woff') format('woff');
+    font-family: X-LocaleSpecific;
+    font-weight: normal;
+    font-display: swap;
+    src: url('/media/fonts/l10n/DroidNaskh-Regular.woff') format('woff');
 }
 
 @font-face {
-  font-family: X-LocaleSpecific;
-  font-weight: bold;
-  font-display: swap;
-  src: url('/media/fonts/l10n/DroidNaskh-Bold.woff') format('woff');
+    font-family: X-LocaleSpecific;
+    font-weight: bold;
+    font-display: swap;
+    src: url('/media/fonts/l10n/DroidNaskh-Bold.woff') format('woff');
 }
 
 /* Bug 944269 */
@@ -19,8 +19,9 @@
 /* !important required for locale specific override */
 /* stylelint-disable declaration-no-important  */
 * {
-  letter-spacing: normal !important;
+    letter-spacing: normal !important;
 }
+
 /* Fixes line height for all the headers */
 h1,
 h2,
@@ -31,6 +32,6 @@ h6,
 .huge,
 .large,
 legend {
-  line-height: 1.5 !important;
+    line-height: 1.5 !important;
 }
 /* stylelint-enable */
diff --git a/media/css/l10n/ff/intl.css b/media/css/l10n/ff/intl.css
index ee60e0e36c6..993f295552c 100644
--- a/media/css/l10n/ff/intl.css
+++ b/media/css/l10n/ff/intl.css
@@ -5,8 +5,9 @@
     font-weight: normal;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/mplus-2c-light-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/mplus-2c-light-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/mplus-2c-light-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/mplus-2c-light-ff-sub.woff') format('woff');
 }
 
 @font-face {
@@ -14,8 +15,9 @@
     font-weight: bold;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/mplus-2c-medium-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/mplus-2c-medium-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/mplus-2c-medium-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/mplus-2c-medium-ff-sub.woff') format('woff');
 }
 
 @font-face {
@@ -23,8 +25,9 @@
     font-weight: normal;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/mplus-2c-regular-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/mplus-2c-regular-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/mplus-2c-regular-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/mplus-2c-regular-ff-sub.woff') format('woff');
 }
 
 @font-face {
@@ -32,8 +35,9 @@
     font-weight: normal;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/notosans-italic-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/notosans-italic-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/notosans-italic-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/notosans-italic-ff-sub.woff') format('woff');
 }
 
 @font-face {
@@ -41,8 +45,9 @@
     font-weight: bold;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/notosans-bold-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/notosans-bold-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/notosans-bold-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/notosans-bold-ff-sub.woff') format('woff');
 }
 
 @font-face {
@@ -50,6 +55,7 @@
     font-weight: bold;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ff/notosans-bolditalic-ff-sub.woff2') format('woff2'),
-         url('/media/fonts/l10n/ff/notosans-bolditalic-ff-sub.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ff/notosans-bolditalic-ff-sub.woff2') format('woff2'),
+        url('/media/fonts/l10n/ff/notosans-bolditalic-ff-sub.woff') format('woff');
 }
diff --git a/media/css/l10n/ga-IE/intl.css b/media/css/l10n/ga-IE/intl.css
index 9ec92673031..a44f7a6af48 100644
--- a/media/css/l10n/ga-IE/intl.css
+++ b/media/css/l10n/ga-IE/intl.css
@@ -3,7 +3,7 @@
 /* !important required for locale specific override */
 /* stylelint-disable declaration-no-important  */
 * {
-  text-transform: none !important;
-  font-variant: normal !important;
+    text-transform: none !important;
+    font-variant: normal !important;
 }
 /* stylelint-enable */
diff --git a/media/css/l10n/ja/intl.css b/media/css/l10n/ja/intl.css
index e8a9d310acd..bf7a8443b2b 100644
--- a/media/css/l10n/ja/intl.css
+++ b/media/css/l10n/ja/intl.css
@@ -4,95 +4,128 @@
     font-family: X-LocaleSpecific-Light;
     font-weight: normal;
     font-display: swap;
-    src: /* All */
-       local(mplus-2p-light),
-       local(KozGoPro-Light),
-       /* OS X */
-       local(RyoGothicPlusN-Light),
-       local(HiraKakuPro-W3),
-       /* Windows */
-       local(Meiryo),
-       local(MS-PGothic),
-       /* Linux */
-       local('VL PGothic regular'),
-       local('TakaoPGothic Regular'),
-       local('IPA P Gothic');
+
+    /**
+     * mplus-2p-light (all)
+     * KozGoPro-Light (all)
+     * RyoGothicPlusN-Light (osx)
+     * HiraKakuPro-W3 (osx)
+     * Meiryo (windows)
+     * MS-PGothic (windows)
+     * VL PGothic regular (linux)
+     * TakaoPGothic Regular (linux)
+     * IPA P Gothic (linux)
+     */
+    src:
+        local(mplus-2p-light),
+        local(KozGoPro-Light),
+        local(RyoGothicPlusN-Light),
+        local(HiraKakuPro-W3),
+        local(Meiryo),
+        local(MS-PGothic),
+        local('VL PGothic regular'),
+        local('TakaoPGothic Regular'),
+        local('IPA P Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Light;
     font-weight: bold;
     font-display: swap;
-    src: /* All */
-       local(mplus-2p-medium),
-       local(KozGoPro-Medium),
-       /* OS X */
-       local(RyoGothicPlusN-Medium),
-       local(HiraKakuPro-W6),
-       /* Windows */
-       local(Meiryo-Bold),
-       local(MS-PGothic),
-       /* Linux */
-       local('VL PGothic regular'),
-       local('TakaoPGothic Regular'),
-       local('IPA P Gothic');
+
+    /**
+     * mplus-2p-medium (all)
+     * KozGoPro-Medium (all)
+     * RyoGothicPlusN-Medium (osx)
+     * HiraKakuPro-W6 (osx)
+     * Meiryo-Bold (windows)
+     * MS-PGothic (windows)
+     * VL PGothic regular (linux)
+     * TakaoPGothic Regular (linux)
+     * IPA P Gothic (linux)
+     */
+    src:
+        local(mplus-2p-medium),
+        local(KozGoPro-Medium),
+        local(RyoGothicPlusN-Medium),
+        local(HiraKakuPro-W6),
+        local(Meiryo-Bold),
+        local(MS-PGothic),
+        local('VL PGothic regular'),
+        local('TakaoPGothic Regular'),
+        local('IPA P Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: normal;
     font-display: swap;
-    src: /* All */
-       local(mplus-2p-regular),
-       local(KozGoPro-Regular),
-       /* OS X */
-       local(RyoGothicPlusN-Regular),
-       local(HiraKakuPro-W3),
-       /* Windows */
-       local(Meiryo),
-       local(MS-PGothic),
-       /* Linux */
-       local('VL PGothic regular'),
-       local('TakaoPGothic Regular'),
-       local('IPA P Gothic');
+
+    /**
+     * mplus-2p-regular (all)
+     * KozGoPro-Regular (all)
+     * RyoGothicPlusN-Regular (osx)
+     * HiraKakuPro-W3 (osx)
+     * Meiryo (windows)
+     * MS-PGothic (windows)
+     * VL PGothic regular (linux)
+     * TakaoPGothic Regular (linux)
+     * IPA P Gothic (linux)
+     */
+    src:
+        local(mplus-2p-regular),
+        local(KozGoPro-Regular),
+        local(RyoGothicPlusN-Regular),
+        local(HiraKakuPro-W3),
+        local(Meiryo),
+        local(MS-PGothic),
+        local('VL PGothic regular'),
+        local('TakaoPGothic Regular'),
+        local('IPA P Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: bold;
     font-display: swap;
-    src: /* All */
-       local(mplus-2p-bold),
-       local(KozGoPro-Bold),
-       /* OS X */
-       local(RyoGothicPlusN-Bold),
-       local(HiraKakuPro-W6),
-       /* Windows */
-       local(Meiryo-Bold),
-       local(MS-PGothic),
-       /* Linux */
-       local('VL PGothic regular'),
-       local('TakaoPGothic Regular'),
-       local('IPA P Gothic');
+    src:
+        local(mplus-2p-bold),
+        local(KozGoPro-Bold),
+        local(RyoGothicPlusN-Bold),
+        local(HiraKakuPro-W6),
+        local(Meiryo-Bold),
+        local(MS-PGothic),
+        local('VL PGothic regular'),
+        local('TakaoPGothic Regular'),
+        local('IPA P Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Extrabold;
     font-weight: 800;
     font-display: swap;
-    src: /* All */
-       local(mplus-2p-black),
-       local(KozGoPro-Heavy),
-       /* OS X */
-       local(RyoGothicPlusN-Heavy),
-       local(HiraKakuPro-W6),
-       /* Windows */
-       local(Meiryo-Bold),
-       local(MS-PGothic),
-       /* Linux */
-       local('VL PGothic regular'),
-       local('TakaoPGothic Regular'),
-       local('IPA P Gothic');
+
+    /**
+     * mplus-2p-black (all)
+     * KozGoPro-Heavy (all)
+     * RyoGothicPlusN-Heavy (osx)
+     * HiraKakuPro-W6 (osx)
+     * Meiryo-Bold (windows)
+     * MS-PGothic (windows)
+     * VL PGothic regular (linux)
+     * TakaoPGothic Regular (linux)
+     * IPA P Gothic (linux)
+     */
+    src:
+        local(mplus-2p-black),
+        local(KozGoPro-Heavy),
+        local(RyoGothicPlusN-Heavy),
+        local(HiraKakuPro-W6),
+        local(Meiryo-Bold),
+        local(MS-PGothic),
+        local('VL PGothic regular'),
+        local('TakaoPGothic Regular'),
+        local('IPA P Gothic');
 }
 
 /* Bug 973171 */
diff --git a/media/css/l10n/ko/intl.css b/media/css/l10n/ko/intl.css
index a89149e13a3..b3de01248fd 100644
--- a/media/css/l10n/ko/intl.css
+++ b/media/css/l10n/ko/intl.css
@@ -4,50 +4,70 @@
     font-family: X-LocaleSpecific-Light;
     font-weight: normal;
     font-display: swap;
-    src: /* OS X */
-       local(AppleSDGothicNeo-UltraLight),
-       /* Windows */
-       local('Malgun Gothic');
+
+    /**
+     * AppleSDGothicNeo-UltraLight (osx)
+     * Malgun Gothic (windows)
+     */
+    src:
+        local(AppleSDGothicNeo-UltraLight),
+        local('Malgun Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Light;
     font-weight: bold;
     font-display: swap;
-    src: /* OS X */
-       local(AppleSDGothicNeo-SemiBold),
-       /* Windows */
-       local('Malgun Gothic Bold');
+
+    /**
+     * AppleSDGothicNeo-SemiBold (osx)
+     * Malgun Gothic Bold (windows)
+     */
+    src:
+        local(AppleSDGothicNeo-SemiBold),
+        local('Malgun Gothic Bold');
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: normal;
     font-display: swap;
-    src: /* OS X */
-       local(AppleSDGothicNeo-Regular),
-       /* Windows */
-       local('Malgun Gothic');
+
+    /**
+     * AppleSDGothicNeo-Regular (osx)
+     * Malgun Gothic (windows)
+     */
+    src:
+        local(AppleSDGothicNeo-Regular),
+        local('Malgun Gothic');
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: bold;
     font-display: swap;
-    src: /* OS X */
-       local(AppleSDGothicNeo-Bold),
-       /* Windows */
-       local('Malgun Gothic Bold');
+
+    /**
+     * AppleSDGothicNeo-Bold (osx)
+     * Malgun Gothic Bold (windows)
+     */
+    src:
+        local(AppleSDGothicNeo-Bold),
+        local('Malgun Gothic Bold');
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Extrabold;
     font-weight: 800;
     font-display: swap;
-    src: /* OS X */
-       local(AppleSDGothicNeo-Heavy),
-       /* Windows */
-       local('Malgun Gothic Bold');
+
+    /**
+     * AppleSDGothicNeo-Heavy (osx)
+     * Malgun Gothic Bold (windows)
+     */
+    src:
+        local(AppleSDGothicNeo-Heavy),
+        local('Malgun Gothic Bold');
 }
 
 /* Bug 973171 */
diff --git a/media/css/l10n/ro/intl.css b/media/css/l10n/ro/intl.css
index d0663946c8c..d6f0d4c03f8 100644
--- a/media/css/l10n/ro/intl.css
+++ b/media/css/l10n/ro/intl.css
@@ -5,8 +5,9 @@
     font-weight: normal;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-light-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-light-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-light-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-light-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -14,8 +15,9 @@
     font-weight: bold;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-semibold-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-semibold-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-semibold-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-semibold-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -23,8 +25,9 @@
     font-weight: normal;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-lightitalic-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-lightitalic-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-lightitalic-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-lightitalic-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -32,8 +35,9 @@
     font-weight: normal;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-regular-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-regular-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-regular-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-regular-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -41,8 +45,9 @@
     font-weight: bold;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-bold-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-bold-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-bold-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-bold-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -50,8 +55,9 @@
     font-weight: normal;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-italic-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-italic-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-italic-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-italic-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -59,8 +65,9 @@
     font-weight: bold;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-bolditalic-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-bolditalic-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-bolditalic-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-bolditalic-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -68,8 +75,9 @@
     font-weight: 800;
     font-style: normal;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-extrabold-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-extrabold-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-extrabold-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-extrabold-ro-subset.woff') format('woff');
 }
 
 @font-face {
@@ -77,6 +85,7 @@
     font-weight: 800;
     font-style: italic;
     font-display: swap;
-    src: url('/media/fonts/l10n/ro/opensans-extrabolditalic-ro-subset.woff2') format('woff2'),
-         url('/media/fonts/l10n/ro/opensans-extrabolditalic-ro-subset.woff') format('woff');
+    src:
+        url('/media/fonts/l10n/ro/opensans-extrabolditalic-ro-subset.woff2') format('woff2'),
+        url('/media/fonts/l10n/ro/opensans-extrabolditalic-ro-subset.woff') format('woff');
 }
diff --git a/media/css/l10n/zh-CN/intl.css b/media/css/l10n/zh-CN/intl.css
index 5d387461743..2aa1099b69a 100644
--- a/media/css/l10n/zh-CN/intl.css
+++ b/media/css/l10n/zh-CN/intl.css
@@ -4,39 +4,54 @@
     font-family: X-LocaleSpecific;
     font-weight: normal;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTXHK--GBK1-0), /* = Lantinghei SC Extralight */
-       local(HiraginoSansGB-W3),
-       /* Windows */
-       local('Microsoft YaHei Light'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+
+    /**
+     * FZLTXHK--GBK1-0 = Lantinghei SC Extralight (osx)
+     * HiraginoSansGB-W3 (osx)
+     * Microsoft YaHei Light (windows)
+     * DroidSansFallbackFull (linux)
+     */
+    src:
+        local(FZLTXHK--GBK1-0),
+        local(HiraginoSansGB-W3),
+        local('Microsoft YaHei Light'),
+        local(DroidSansFallbackFull);
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: bold;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTZHK--GBK1-0), /* = Lantinghei SC Demibold */
-       local(HiraginoSansGB-W6),
-       /* Windows */
-       local('Microsoft YaHei Bold'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+
+    /**
+     * FZLTZHK--GBK1-0 = Lantinghei SC Demibold (osx)
+     * HiraginoSansGB-W6 (osx)
+     * Microsoft YaHei Bold (windows)
+     * DroidSansFallbackFull (linux)
+     */
+    src:
+        local(FZLTZHK--GBK1-0)
+        local(HiraginoSansGB-W6),
+        local('Microsoft YaHei Bold'),
+        local(DroidSansFallbackFull);
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Extrabold;
     font-weight: 800;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTTHK--GBK1-0), /* = Lantinghei SC Heavy */
-       local(HiraginoSansGB-W6),
-       /* Windows */
-       local('Microsoft YaHei Bold'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+
+    /**
+     * FZLTTHK--GBK1-0 = Lantinghei SC Heavy (osx)
+     * HiraginoSansGB-W6 (osx)
+     * Microsoft YaHei Bold (windows)
+     * DroidSansFallbackFull (linux)
+     */
+    src:
+        local(FZLTTHK--GBK1-0),
+        local(HiraginoSansGB-W6),
+        local('Microsoft YaHei Bold'),
+        local(DroidSansFallbackFull);
 }
 
 /* Bug 973171 */
diff --git a/media/css/l10n/zh-TW/intl.css b/media/css/l10n/zh-TW/intl.css
index 1db99b501c9..ebde11be32b 100644
--- a/media/css/l10n/zh-TW/intl.css
+++ b/media/css/l10n/zh-TW/intl.css
@@ -4,36 +4,30 @@
     font-family: X-LocaleSpecific;
     font-weight: normal;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTXHB--B51-0), /* = Lantinghei TC Extralight */
-       /* Windows */
-       local('Microsoft JhengHei Light'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+    src:
+        local(FZLTXHB--B51-0),
+        local('Microsoft JhengHei Light'),
+        local(DroidSansFallbackFull);
 }
 
 @font-face {
     font-family: X-LocaleSpecific;
     font-weight: bold;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTZHB--B51-0), /* = Lantinghei TC Demibold */
-       /* Windows */
-       local('Microsoft JhengHei Bold'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+    src:
+        local(FZLTZHB--B51-0),
+        local('Microsoft JhengHei Bold'),
+        local(DroidSansFallbackFull);
 }
 
 @font-face {
     font-family: X-LocaleSpecific-Extrabold;
     font-weight: 800;
     font-display: swap;
-    src: /* OS X */
-       local(FZLTTHB--B51-0), /* = Lantinghei TC Heavy */
-       /* Windows */
-       local('Microsoft JhengHei Bold'),
-       /* Linux */
-       local(DroidSansFallbackFull);
+    src:
+        local(FZLTTHB--B51-0),
+        local('Microsoft JhengHei Bold'),
+        local(DroidSansFallbackFull);
 }
 
 /* Bug 973171 */
diff --git a/media/css/legal/legal.scss b/media/css/legal/legal.scss
index ab28e1fcd1f..66445ee679a 100644
--- a/media/css/legal/legal.scss
+++ b/media/css/legal/legal.scss
@@ -49,7 +49,6 @@ $image-path: '/media/protocol/img';
     margin: $spacing-sm;
 }
 
-
 // manual styling for markdown content.
 .article-body {
     blockquote {
diff --git a/media/css/mozorg/about-forums.scss b/media/css/mozorg/about-forums.scss
index 04dbb08ff33..632cad3833b 100644
--- a/media/css/mozorg/about-forums.scss
+++ b/media/css/mozorg/about-forums.scss
@@ -7,13 +7,12 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 .c-forum-search {
     background-color: $color-marketing-gray-20;
     margin-bottom: $spacing-md;
     padding: $spacing-sm;
 
-    input[type=text] {
+    input[type='text'] {
         margin-bottom: $spacing-sm;
     }
 }
@@ -44,7 +43,7 @@ $image-path: '/media/protocol/img';
         @include clearfix;
     }
 
-    & > li:target{
+    & > li:target {
         background: $color-yellow-05;
     }
 
@@ -69,7 +68,7 @@ $image-path: '/media/protocol/img';
     h4 {
         position: relative;
         letter-spacing: 0;
-        margin: 0 .5em 0 0;
+        margin: 0 0.5em 0 0;
         @include font-base;
         @include text-body-md;
         font-weight: bold;
@@ -90,7 +89,6 @@ $image-path: '/media/protocol/img';
 }
 
 .mzp-c-article {
-
     img {
         vertical-align: middle;
     }
diff --git a/media/css/mozorg/about-transparency.scss b/media/css/mozorg/about-transparency.scss
index a0299b65e7d..6b02d15045d 100644
--- a/media/css/mozorg/about-transparency.scss
+++ b/media/css/mozorg/about-transparency.scss
@@ -2,13 +2,13 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/article';
 @import '~@mozilla-protocol/core/protocol/css/includes/mixins/details';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Index
 
 dt {
@@ -21,7 +21,7 @@ dd {
     padding: $spacing-sm;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Base Template
 
 .reports-nav {
@@ -57,7 +57,7 @@ dd {
                 margin: $spacing-sm;
             }
 
-            &:not(:last-child):after {
+            &:not(:last-child)::after {
                 content: '•';
                 position: absolute;
             }
@@ -65,7 +65,7 @@ dd {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Report Template
 
 .c-page-header {
@@ -102,10 +102,10 @@ h3 {
     @include text-body-sm;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Collapsible Sections
 
-  .c-collapsible-section button {
+.c-collapsible-section button {
     @include summary;
     @include text-title-md;
     background: transparent;
@@ -117,10 +117,10 @@ h3 {
     width: 100%;
 }
 
-.c-collapsible-section button[aria-expanded=true]:before {
+.c-collapsible-section button[aria-expanded='true']::before {
     @include summary-open;
 }
 
-.c-collapsible-section .is-closed[aria-hidden=true] {
+.c-collapsible-section .is-closed[aria-hidden='true'] {
     display: none;
 }
diff --git a/media/css/mozorg/about.scss b/media/css/mozorg/about.scss
index c1ea1fb9e1a..38107e7f660 100644
--- a/media/css/mozorg/about.scss
+++ b/media/css/mozorg/about.scss
@@ -13,7 +13,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero image
 
 .mzp-c-hero.t-mission {
@@ -51,8 +51,7 @@ $image-path: '/media/protocol/img';
     max-width: 830px;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Intro section
 
 .t-shade {
@@ -60,7 +59,7 @@ $image-path: '/media/protocol/img';
     background: $color-marketing-gray-20 linear-gradient($color-marketing-gray-20, $color-white 350px);
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page title
 
 .c-page-title {
@@ -74,7 +73,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Cities
 
 .mzp-c-hero.t-global {
@@ -103,7 +102,7 @@ $city-image-size: 106px;
     position: relative;
     text-align: center;
 
-    &:before {
+    &::before {
         content: '';
         display: block;
         height: $city-image-size;
@@ -112,15 +111,15 @@ $city-image-size: 106px;
         margin: 0 auto $spacing-md;
     }
 
-    &.c-city-sf:before {
+    &.c-city-sf::before {
         background-image: url('/media/img/mozorg/about/city-sf.png');
     }
 
-    &.c-city-berlin:before {
+    &.c-city-berlin::before {
         background-image: url('/media/img/mozorg/about/city-berlin.png');
     }
 
-    &.c-city-toronto:before {
+    &.c-city-toronto::before {
         background-image: url('/media/img/mozorg/about/city-toronto.png');
     }
 
@@ -168,10 +167,10 @@ $city-image-size: 106px;
 @media screen and (min-width: 480px) and (max-width: 767px) {
     .c-city {
         margin: $spacing-2xl auto;
-        max-width: remify(250px); //rems to account for larger fonts
+        max-width: remify(250px); // rems to account for larger fonts
         padding-left: $city-image-size + ($spacing-xl * 2);
 
-        &:before {
+        &::before {
             position: absolute;
             top: 50%;
             left: $spacing-xl;
diff --git a/media/css/mozorg/book.scss b/media/css/mozorg/book.scss
index 64a028fcc8a..6b2710036bc 100644
--- a/media/css/mozorg/book.scss
+++ b/media/css/mozorg/book.scss
@@ -28,7 +28,7 @@ em {
 }
 
 .f {
-    padding-left: .2ex;
+    padding-left: 0.2ex;
 }
 
 a {
diff --git a/media/css/mozorg/commit-access-requirements.scss b/media/css/mozorg/commit-access-requirements.scss
index 1c9ff96c13d..7e2ac4d92fe 100644
--- a/media/css/mozorg/commit-access-requirements.scss
+++ b/media/css/mozorg/commit-access-requirements.scss
@@ -7,7 +7,7 @@
         counter-increment: step-counter;
 
         &::before {
-            content: counter(step-counter) ". ";
+            content: counter(step-counter) '. ';
         }
     }
 }
diff --git a/media/css/mozorg/contact-spaces.scss b/media/css/mozorg/contact-spaces.scss
index 0904254ad37..e2fa14656a8 100644
--- a/media/css/mozorg/contact-spaces.scss
+++ b/media/css/mozorg/contact-spaces.scss
@@ -16,8 +16,9 @@ $image-path: '/media/protocol/img';
     font-family: FA-Icons-Contact;
     font-style: normal;
     font-weight: normal;
-    src: url('/media/fonts/icons-contact.woff2') format('woff2'),
-         url('/media/fonts/icons-contact.woff') format('woff');
+    src:
+        url('/media/fonts/icons-contact.woff2') format('woff2'),
+        url('/media/fonts/icons-contact.woff') format('woff');
 }
 
 /* -------------------------------------------------------------------------- */
@@ -190,31 +191,30 @@ $image-path: '/media/protocol/img';
 
         .adr {
             @include bidi(((padding-left, $spacing-xl, padding-right, 0),));
-            margin: 0 0 .5em;
+            margin: 0 0 0.5em;
             position: relative;
 
-            &:before {
+            &::before {
                 @include bidi(((left, 0, right, auto),));
                 color: $color-red-60;
                 content: '\e800';
                 font: 105% FA-Icons-Contact;
                 position: absolute;
-                top: .125em;
+                top: 0.125em;
             }
         }
 
         .extra {
-
             a {
                 @include bidi(((padding-left, $spacing-xl, padding-right, 0),));
                 position: relative;
 
-                &:before {
+                &::before {
                     @include bidi(((left, 0, right, auto),));
                     color: $color-red-60;
                     font: 105% FA-Icons-Contact;
                     position: absolute;
-                    top: .125em;
+                    top: 0.125em;
                 }
             }
         }
@@ -274,17 +274,17 @@ $image-path: '/media/protocol/img';
 }
 
 // Icons
-.card .extra a.website:before { content: '\e803'; }
-.card .extra a.email:before { content: '\e806'; }
-.card .extra a.doc:before { content: '\e810'; }
-.card .extra a.book:before { content: '\e80e'; }
-.card .extra a.irc:before { content: '\e811'; }
-.card .extra a.twitter:before { content: '\e809'; }
-.card .extra a.facebook:before { content: '\e802'; }
-.card .extra a.gplus:before { content: '\f0d5'; }
-.card .extra a.instagram:before { content: '\e80a'; }
-.card .extra a.youtube:before { content: '\e80c'; }
-.card .extra a.flickr:before { content: '\e807'; }
+.card .extra a.website::before { content: '\e803'; }
+.card .extra a.email::before { content: '\e806'; }
+.card .extra a.doc::before { content: '\e810'; }
+.card .extra a.book::before { content: '\e80e'; }
+.card .extra a.irc::before { content: '\e811'; }
+.card .extra a.twitter::before { content: '\e809'; }
+.card .extra a.facebook::before { content: '\e802'; }
+.card .extra a.gplus::before { content: '\f0d5'; }
+.card .extra a.instagram::before { content: '\e80a'; }
+.card .extra a.youtube::before { content: '\e80c'; }
+.card .extra a.flickr::before { content: '\e807'; }
 
 /* -------------------------------------------------------------------------- */
 // Image & Video media
@@ -405,7 +405,6 @@ $image-path: '/media/protocol/img';
 // Contact links
 
 #contact {
-
     p {
         max-width: 35em;
     }
diff --git a/media/css/mozorg/contribute.scss b/media/css/mozorg/contribute.scss
index f5d6e760d46..f71a3b7b841 100644
--- a/media/css/mozorg/contribute.scss
+++ b/media/css/mozorg/contribute.scss
@@ -48,7 +48,6 @@ $image-path: '/media/protocol/img';
         position: absolute;
         width: 100%;
 
-
         @media #{$mq-lg} {
             @include bidi(((right, -25px, auto),(left, auto, -25px),));
             left: auto;
@@ -57,6 +56,7 @@ $image-path: '/media/protocol/img';
         }
     }
 }
+
 .contribute-section-subheading {
     @include text-title-xs;
 }
@@ -192,7 +192,7 @@ $image-path: '/media/protocol/img';
             @include font-size(40px);
         }
 
-        &:before {
+        &::before {
             @include bidi(((left, 0, auto),(right, auto, 0),));
             background-image: url('/media/img/contribute/contribute-banner-gethelp-icon.svg');
             content: '';
@@ -224,8 +224,9 @@ $image-path: '/media/protocol/img';
 
     @media #{$mq-lg} {
         @include bidi(((background-position, (10% -45px, 96% 88%), (90% -45px, 13% 88%)),));
-        background-image: url('/media/img/contribute/contribute-problems-bulb.svg'),
-                          url('/media/img/contribute/contribute-problems-fly.svg');
+        background-image:
+            url('/media/img/contribute/contribute-problems-bulb.svg'),
+            url('/media/img/contribute/contribute-problems-fly.svg');
         background-repeat: no-repeat;
         background-size: 86px 241px, 33%;
         border: 4px solid $color-moz-light-gray;
@@ -253,7 +254,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 .contribute-mission {
     margin-bottom: $layout-xl;
 
@@ -322,19 +322,19 @@ $image-path: '/media/protocol/img';
                 width: 24px;
             }
 
-            &.contribute-mission-learn-icon:before {
+            &.contribute-mission-learn-icon::before {
                 background-image: url('/media/img/contribute/icon/M.svg');
             }
 
-            &.contribute-mission-event-icon:before {
+            &.contribute-mission-event-icon::before {
                 background-image: url('/media/img/contribute/icon/cal.svg');
             }
 
-            &.contribute-mission-donate-icon:before {
+            &.contribute-mission-donate-icon::before {
                 background-image: url('/media/img/contribute/icon/heart.svg');
             }
 
-            &.contribute-mission-follow-icon:before {
+            &.contribute-mission-follow-icon::before {
                 background-image: url('/media/img/contribute/icon/twitter.svg');
             }
         }
diff --git a/media/css/mozorg/credits.scss b/media/css/mozorg/credits.scss
index a9f274bf15b..3efac94daaa 100644
--- a/media/css/mozorg/credits.scss
+++ b/media/css/mozorg/credits.scss
@@ -3,11 +3,11 @@
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
 html {
-    background-color: #FFFFFF;
+    background-color: #fff;
 }
 
 body {
-    color: #000000;
+    color: #000;
 }
 
 h1 {
diff --git a/media/css/mozorg/home/home-2018.scss b/media/css/mozorg/home/home-2018.scss
index 59d2b01730b..a161e236d19 100644
--- a/media/css/mozorg/home/home-2018.scss
+++ b/media/css/mozorg/home/home-2018.scss
@@ -16,7 +16,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/video';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-
 .main-page-heading {
     @include visually-hidden;
 }
@@ -25,8 +24,7 @@ $image-path: '/media/protocol/img';
     margin-top: $spacing-lg;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Primary CTA (page top)
 
 .c-primary-cta {
@@ -121,7 +119,7 @@ h4 {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional content
 
 // Hide Firefox Account CTAs by default; show download unless we know otherwise.
@@ -143,8 +141,7 @@ h4 {
     }
 }
 
-
-/* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Custom card styles for lazy-loaded images.
 
 .mzp-c-card {
@@ -158,8 +155,7 @@ h4 {
     }
 }
 
-
-/* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Pocket highlights section.
 
 .pocket {
@@ -192,8 +188,7 @@ h4 {
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary Download CTA (page bottom)
 
 .c-secondary-cta {
@@ -236,6 +231,7 @@ h4 {
     .c-secondary-cta-content {
         max-width: 48%;
     }
+
     .c-secondary-cta-title {
         background-position: left 35px;
     }
@@ -247,12 +243,9 @@ h4 {
     }
 }
 
-
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary FxA CTA (page bottom)
 
-
 .fxaccount-secondary-cta.mzp-t-dark {
     background-color: $color-ink-80;
 }
diff --git a/media/css/mozorg/home/home-mr1-promo.scss b/media/css/mozorg/home/home-mr1-promo.scss
index d7416e76fc5..1e575d787d5 100644
--- a/media/css/mozorg/home/home-mr1-promo.scss
+++ b/media/css/mozorg/home/home-mr1-promo.scss
@@ -7,7 +7,6 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 // Firefox MR1 promo
 
 .c-fxpromo {
@@ -291,27 +290,32 @@ $image-path: '/media/protocol/img';
 
 // Animations
 @keyframes pill-one {
-    0%, 100% { transform: rotate(-15deg) translate(5px, -10px); }
+    0%,
+    100% { transform: rotate(-15deg) translate(5px, -10px); }
     50% { transform: rotate(-25deg) translate(-20px, 10px); }
 }
 
 @keyframes hollow-pill-one {
-    0%, 100% { transform: rotate(42deg) translate(-5px, 10px); }
+    0%,
+    100% { transform: rotate(42deg) translate(-5px, 10px); }
     50% { transform: rotate(48deg) translate(8px, -8px); }
 }
 
 @keyframes pill-two {
-    0%, 100% { transform: rotate(40deg) translate(5px, -10px); }
+    0%,
+    100% { transform: rotate(40deg) translate(5px, -10px); }
     50% { transform: rotate(36deg) translate(-20px, 10px); }
 }
 
 @keyframes hollow-pill-two {
-    0%, 100% { transform: rotate(106deg) translate(-5px, 10px); }
+    0%,
+    100% { transform: rotate(106deg) translate(-5px, 10px); }
     50% { transform: rotate(115deg) translate(5px, -8px); }
 }
 
 @keyframes spot {
-    0%, 100% { transform: translate(0, 0); }
+    0%,
+    100% { transform: translate(0, 0); }
     33% { transform: translate(5px, -30px); }
     66% { transform: translate(-5px, 10px); }
 }
diff --git a/media/css/mozorg/home/home-mr2-promo.scss b/media/css/mozorg/home/home-mr2-promo.scss
index 202ab0007ad..ad39959ad45 100644
--- a/media/css/mozorg/home/home-mr2-promo.scss
+++ b/media/css/mozorg/home/home-mr2-promo.scss
@@ -7,14 +7,13 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 // Firefox MR2 promo
 .mr2-home-hero {
     .c-fxpromo-title {
         @include font-firefox;
         @include text-title-xl;
         color: $color-ink-60;
-        margin-bottom: .25em;
+        margin-bottom: 0.25em;
         text-align: center;
 
         br {
@@ -66,7 +65,7 @@ $image-path: '/media/protocol/img';
 
         [lang^='en'] & .c-fxpromo-title {
             @include font-size(100px);
-            line-height: .85;
+            line-height: 0.85;
         }
     }
 
diff --git a/media/css/mozorg/home/home.scss b/media/css/mozorg/home/home.scss
index 18d55569e52..e301c127ddd 100644
--- a/media/css/mozorg/home/home.scss
+++ b/media/css/mozorg/home/home.scss
@@ -19,7 +19,7 @@ $image-path: '/media/protocol/img';
     @include text-title-md;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Billboard
 .mzp-c-billboard {
     margin-top: get-theme('v-grid-xl');
@@ -37,7 +37,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Picto
 
 .externals {
@@ -57,7 +57,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Two column section
 
 .c-column-container {
@@ -75,7 +75,7 @@ $image-path: '/media/protocol/img';
         width: 50%;
 
         &:first-child {
-            border-right: 1px solid rgba(0,0,0,.2);
+            border-right: 1px solid rgba(0, 0, 0, 0.2);
         }
     }
 
diff --git a/media/css/mozorg/home/includes/_home-base-en.scss b/media/css/mozorg/home/includes/_home-base-en.scss
index fcf5ff1d073..426ac229242 100644
--- a/media/css/mozorg/home/includes/_home-base-en.scss
+++ b/media/css/mozorg/home/includes/_home-base-en.scss
@@ -6,7 +6,7 @@
     @include visually-hidden;
 }
 
-/* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Split container
 
 .mzp-c-split.mzp-t-dark {
@@ -32,7 +32,8 @@
         @include font-firefox;
     }
 }
-/* -------------------------------------------------------------------------- */
+
+// * -------------------------------------------------------------------------- */
 // Custom card styles for lazy-loaded images.
 
 .mzp-c-card {
@@ -46,12 +47,10 @@
     }
 }
 
-
-/* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Pocket highlights section.
 
 .pocket {
-
     .mzp-l-content {
         padding-top: 0;
         padding-bottom: 0;
@@ -83,8 +82,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary Download CTA (page bottom)
 
 .c-secondary-cta {
@@ -140,17 +138,14 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Secondary FxA CTA (page bottom)
 
-
 .fxaccount-secondary-cta.mzp-t-dark {
     background-color: $color-ink-80;
 }
 
 .fxaccount-secondary-cta.mzp-t-product-firefox {
-
     .mzp-c-call-out-content {
         background-image: url('#{$image-path}/logos/firefox/logo.svg');
         @include background-size(64px, 64px);
@@ -163,8 +158,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Conditional content
 
 // Hide Firefox Account CTAs by default; show download unless we know otherwise.
diff --git a/media/css/mozorg/leadership.scss b/media/css/mozorg/leadership.scss
index de5fe1d7e9c..e601e97fd83 100644
--- a/media/css/mozorg/leadership.scss
+++ b/media/css/mozorg/leadership.scss
@@ -2,6 +2,8 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
+@use 'sass:color';
+
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
@@ -10,13 +12,13 @@ $image-path: '/media/protocol/img';
 
 @font-face {
     font-family: FA-Icons-Contact;
-    src: url('#{$font-path}/icons-contact.woff2?20-12-2016') format('woff2'),
-         url('#{$font-path}/icons-contact.woff?20-12-2016') format('woff');
+    src:
+        url('#{$font-path}/icons-contact.woff2?20-12-2016') format('woff2'),
+        url('#{$font-path}/icons-contact.woff?20-12-2016') format('woff');
     font-weight: normal;
     font-style: normal;
 }
 
-
 // Navigation
 #page-nav {
     margin: $spacing-md auto;
@@ -34,11 +36,10 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Headings
 .section-title {
     @include text-title-md;
-    margin: .5em 0;
+    margin: 0.5em 0;
 }
 
 .section-intro {
@@ -49,7 +50,7 @@ $image-path: '/media/protocol/img';
 .group-title {
     @include text-title-sm;
     margin: 1em 0;
-    padding-top: .75em;
+    padding-top: 0.75em;
     border-top: 2px solid $color-marketing-gray-30;
 
     a {
@@ -64,7 +65,6 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 // Headshot galleries
 .gallery {
     @include clearfix;
@@ -73,14 +73,14 @@ $image-path: '/media/protocol/img';
 
 .vcard {
     width: 160px;
-    padding: 0 $spacing-lg .25em;
+    padding: 0 $spacing-lg 0.25em;
     margin: 0 auto $spacing-lg;
     position: relative;
 
     .headshot {
         @include transition(transform 200ms ease, box-shadow 200ms ease);
         background: $color-white;
-        box-shadow: 2px 3px 3px rgba(0, 0, 0, .1);
+        box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
         border: 2px solid $color-marketing-gray-20;
         color: $color-black;
         display: block;
@@ -103,7 +103,7 @@ $image-path: '/media/protocol/img';
         margin: 0 0 5px;
         width: 160px;
         height: 160px;
-        outline: 1px solid rgba(0, 0, 0, .05);
+        outline: 1px solid rgba(0, 0, 0, 0.05);
     }
 
     .title,
@@ -130,20 +130,20 @@ $image-path: '/media/protocol/img';
             padding-left: 20px;
             position: relative;
 
-            &:before {
+            &::before {
                 color: $color-link;
                 font: 105% FA-Icons-Contact;
                 position: absolute;
                 left: 0;
-                top: .125em;
+                top: 0.125em;
             }
         }
 
-        a.website:before { content: '\e803'; } /* '' */
-        a.twitter:before { content: '\e809'; } /* '' */
-        a.book:before { content: '\e80e'; } /* '' */
-        a.file:before { content: '\e810'; } /* '' */
-        a.link:before { content: '\e801'; } /* '' */
+        a.website::before { content: '\e803'; } /* '' */
+        a.twitter::before { content: '\e809'; } /* '' */
+        a.book::before { content: '\e80e'; } /* '' */
+        a.file::before { content: '\e810'; } /* '' */
+        a.link::before { content: '\e801'; } /* '' */
     }
 
     .callout {
@@ -176,11 +176,11 @@ $image-path: '/media/protocol/img';
 
         .headshot {
             transform: translate(0, -3px);
-            box-shadow: 2px 6px 5px rgba(0, 0, 0, .1);
+            box-shadow: 2px 6px 5px rgba(0, 0, 0, 0.1);
         }
 
         .photo {
-            outline: 2px solid transparentize($color-link, .5);
+            outline: 2px solid color.adjust($color-link, $alpha: 0.5);
         }
 
         .fn {
@@ -254,7 +254,7 @@ $image-path: '/media/protocol/img';
 
     .photo {
         background: #fff;
-        box-shadow: 2px 3px 3px rgba(0, 0, 0, .1);
+        box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
         float: right;
         margin: 0 0 30px 30px;
         padding: 10px;
@@ -305,7 +305,7 @@ $image-path: '/media/protocol/img';
                 transform: none;
 
                 .photo {
-                    outline: 1px solid rgba(0, 0, 0, .05);
+                    outline: 1px solid rgba(0, 0, 0, 0.05);
                 }
             }
         }
@@ -316,7 +316,7 @@ $image-path: '/media/protocol/img';
             &:hover,
             &:focus,
             &:active {
-                color: darken($color-link, 10%);
+                color: color.adjust($color-link, $lightness: 10%);
                 text-decoration: underline;
             }
         }
@@ -339,7 +339,7 @@ $image-path: '/media/protocol/img';
         }
 
         .photo {
-            box-shadow: 2px 3px 3px rgba(0, 0, 0, .1);
+            box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
             float: none;
             height: 160px;
             margin: 0 auto $spacing-lg;
diff --git a/media/css/mozorg/lean-data.scss b/media/css/mozorg/lean-data.scss
index 98427f0afe9..0bf653fbcb5 100644
--- a/media/css/mozorg/lean-data.scss
+++ b/media/css/mozorg/lean-data.scss
@@ -14,7 +14,6 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 @import '~@mozilla-protocol/core/protocol/css/templates/multi-column';
 
-
 .c-section-title {
     @include text-title-md;
 }
diff --git a/media/css/mozorg/manifesto.scss b/media/css/mozorg/manifesto.scss
index ab3a3c6fb11..7981adef8c8 100644
--- a/media/css/mozorg/manifesto.scss
+++ b/media/css/mozorg/manifesto.scss
@@ -14,7 +14,7 @@ $image-path: '/media/protocol/img';
     margin-top: $spacing-2xl;
 }
 
-//* ------------------------------------------------------------------ */
+// * ------------------------------------------------------------------ */
 // Addendum
 
 .addendum-subtitle {
@@ -42,7 +42,7 @@ $image-path: '/media/protocol/img';
             @include bidi(((clear, left, right),));
         }
 
-        &:before {
+        &::before {
             @include bidi(((left, 0, right, auto),));
             background-color: $color-black;
             content: '';
@@ -55,8 +55,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
-//* ------------------------------------------------------------------ */
+// * ------------------------------------------------------------------ */
 // Share section
 
 .share-addendum {
@@ -67,8 +66,7 @@ $image-path: '/media/protocol/img';
     margin-top: $spacing-lg;
 }
 
-
-//* ------------------------------------------------------------------ */
+// * ------------------------------------------------------------------ */
 // Principles
 
 .principles-header {
diff --git a/media/css/mozorg/moss.scss b/media/css/mozorg/moss.scss
index abd4161b233..403b74deeac 100644
--- a/media/css/mozorg/moss.scss
+++ b/media/css/mozorg/moss.scss
@@ -120,7 +120,7 @@ $image-path: '/media/protocol/img';
 // Picto cards
 
 // Vertically align buttons in moss tracks lists.
-@supports(display: flex) {
+@supports (display: flex) {
     @media #{$mq-md} {
         .moss-tracks-list {
             display: flex;
diff --git a/media/css/mozorg/mpl-1-1-annotated.scss b/media/css/mozorg/mpl-1-1-annotated.scss
index d699a4061ad..9444b2bfef9 100644
--- a/media/css/mozorg/mpl-1-1-annotated.scss
+++ b/media/css/mozorg/mpl-1-1-annotated.scss
@@ -37,7 +37,7 @@ dt {
 }
 
 .popup li {
-   margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 a.mouseover {
@@ -52,14 +52,13 @@ a.mouseover {
     display: block;
     font-weight: normal;
     left: 0;
-    margin: 0 5px 5px 5px;
+    margin: 0 5px 5px;
     padding: 5px;
     position: absolute;
     text-decoration: none;
     width: 280px;
 }
 
-
 #moveacross a:hover {
     background: #ffffb0;
 }
@@ -68,10 +67,6 @@ a.mouseover {
     display: none;
 }
 
-#moveacross a:hover span {
-    display: block;
-}
-
 /* Mark changes from 1.0 version */
 .changed {
     color: red;
diff --git a/media/css/mozorg/mpl-1-1.scss b/media/css/mozorg/mpl-1-1.scss
index fa6b6b2fa00..7f193d134b7 100644
--- a/media/css/mozorg/mpl-1-1.scss
+++ b/media/css/mozorg/mpl-1-1.scss
@@ -3,13 +3,13 @@
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
 .very-strong {
-   text-transform: uppercase;
+    text-transform: uppercase;
 }
 
 dt {
-   font-weight: bold;
+    font-weight: bold;
 }
 
 dd p {
-   margin: 0;
+    margin: 0;
 }
diff --git a/media/css/mozorg/mpl-2-0.scss b/media/css/mozorg/mpl-2-0.scss
index b248cca7007..67ddece2921 100644
--- a/media/css/mozorg/mpl-2-0.scss
+++ b/media/css/mozorg/mpl-2-0.scss
@@ -5,6 +5,7 @@
 body {
     font-family: serif;
     -moz-hyphens: auto;
+    hyphens: auto;
     font-size: 110%;
     margin-left: auto;
     margin-right: auto;
@@ -12,47 +13,50 @@ body {
     text-align: justify;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
     font-variant: small-caps;
 }
 
 h1 {
     -moz-hyphens: none;
+    hyphens: none;
     font-size: 160%;
     text-align: center;
 }
 
 h2 {
     -moz-hyphens: none;
+    hyphens: none;
     font-size: 140%;
     text-align: left;
 }
 
 h3 {
     -moz-hyphens: none;
+    hyphens: none;
     font-size: 120%;
     text-align: left;
 }
 
 blockquote {
     -moz-hyphens: none;
+    hyphens: none;
     text-align: left;
 }
 
 code {
-    font-family: mono;
+    font-family: mono, monospace;
 }
 
 em {
-    background: #FEFD80;
-    border: 30px solid #FEFD80;
+    background: #fefd80;
+    border: 30px solid #fefd80;
     float: left;
     font-style: normal;
     line-height: 1.25em;
-    margin-bottom: 10px;
-    margin-left: 10px;
-    margin-right: 10px;
-    margin-top:-10px;
+    margin: -10px 10px 10px;
 }
 
 dt {
diff --git a/media/css/mozorg/mpl-differences.scss b/media/css/mozorg/mpl-differences.scss
index 2501db6c593..5f89ea5159d 100644
--- a/media/css/mozorg/mpl-differences.scss
+++ b/media/css/mozorg/mpl-differences.scss
@@ -17,7 +17,9 @@ body {
     max-width: 40em;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
     font-variant: small-caps;
 }
 
@@ -78,7 +80,7 @@ strong {
     font-variant: normal;
     font-weight: normal;
     left: 0;
-    margin: 0 5px 5px 5px;
+    margin: 0 5px 5px;
     padding: 5px;
     position: absolute;
     text-decoration: none;
@@ -93,10 +95,6 @@ strong {
     display: none;
 }
 
-#moveacross a:hover span {
-    display: block;
-}
-
 .alpha {
     list-style-type: lower-alpha;
 }
diff --git a/media/css/mozorg/participation-reporting.scss b/media/css/mozorg/participation-reporting.scss
index 4f57e3b6660..4cfa7156408 100644
--- a/media/css/mozorg/participation-reporting.scss
+++ b/media/css/mozorg/participation-reporting.scss
@@ -17,14 +17,14 @@ $image-path: '/media/protocol/img';
 
     .group-header {
         background-color: $color-marketing-gray-20;
-        padding-top: .5em;
+        padding-top: 0.5em;
         text-align: center;
         vertical-align: middle;
     }
 
     thead tr + tr th,
     thead tr + tr td {
-        padding-top: .5em;
+        padding-top: 0.5em;
     }
 }
 
diff --git a/media/css/newsletter/newsletter-developer.scss b/media/css/newsletter/newsletter-developer.scss
index c279357b0e3..a189f1c70e6 100644
--- a/media/css/newsletter/newsletter-developer.scss
+++ b/media/css/newsletter/newsletter-developer.scss
@@ -9,9 +9,10 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 
 .section-intro {
-    background: url('/media/img/newsletter/developer/8bit_hearts.svg') top 85px center no-repeat,
-                url('/media/img/newsletter/developer/bg_image.png') top center no-repeat,
-                #000;
+    background:
+        url('/media/img/newsletter/developer/8bit_hearts.svg') top 85px center no-repeat,
+        url('/media/img/newsletter/developer/bg_image.png') top center no-repeat,
+        #000;
 
     @include background-size(66px 44px, auto auto);
     min-height: 230px;
diff --git a/media/css/newsletter/newsletter-firefox.scss b/media/css/newsletter/newsletter-firefox.scss
index f00aea252a4..1306e8f9361 100644
--- a/media/css/newsletter/newsletter-firefox.scss
+++ b/media/css/newsletter/newsletter-firefox.scss
@@ -8,14 +8,14 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 
-
 .section-intro {
     background-color: $color-ink-80;
 
     .mzp-l-content {
         @include background-size(141px 157px, 153px 115px);
-        background-image: url('/media/img/newsletter/firefox/mailbox.svg'),
-                          url('/media/img/newsletter/firefox/fox-tail.svg');
+        background-image:
+            url('/media/img/newsletter/firefox/mailbox.svg'),
+            url('/media/img/newsletter/firefox/fox-tail.svg');
         background-position: bottom -40px left 10px, bottom -45px right -10px;
         background-repeat: no-repeat, no-repeat;
         height: 167px;
diff --git a/media/css/newsletter/newsletter-mozilla.scss b/media/css/newsletter/newsletter-mozilla.scss
index 7158aed3a51..ddbd2fa3072 100644
--- a/media/css/newsletter/newsletter-mozilla.scss
+++ b/media/css/newsletter/newsletter-mozilla.scss
@@ -9,9 +9,10 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/newsletter-form';
 
 .section-intro {
-    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%),
-                url('/media/img/newsletter/intro-mozsummit-600.jpg') center center no-repeat,
-                $color-ink-80;
+    background:
+        linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%),
+        url('/media/img/newsletter/intro-mozsummit-600.jpg') center center no-repeat,
+        $color-ink-80;
     @include background-size(cover);
     color: $color-white;
     text-align: center;
@@ -20,7 +21,6 @@ $image-path: '/media/protocol/img';
         width: 100%;
         padding: 60px 0 40px;
 
-
         @media #{$mq-md} and #{$mq-tall} {
             padding: 100px 0;
         }
@@ -33,29 +33,33 @@ $image-path: '/media/protocol/img';
     .page-title {
         color: $color-white;
         margin: 0;
-        text-shadow: 0 0 10px rgba(0, 0, 0, .01),
-                     0 0 5px rgba(0, 0, 0, .025),
-                     0 1px 1px rgba(0, 0, 0, .5);
+        text-shadow:
+            0 0 10px rgba(0, 0, 0, 0.01),
+            0 0 5px rgba(0, 0, 0, 0.025),
+            0 1px 1px rgba(0, 0, 0, 0.5);
     }
 
     @media #{$mq-md} {
-        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%),
-                    url('/media/img/newsletter/intro-mozsummit-1000.jpg') center center no-repeat,
-                    $color-ink-80;
+        background:
+            linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%),
+            url('/media/img/newsletter/intro-mozsummit-1000.jpg') center center no-repeat,
+            $color-ink-80;
         @include background-size(cover);
     }
 
     @media #{$mq-lg} {
-        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%),
-                    url('/media/img/newsletter/intro-mozsummit-2000.jpg') center center no-repeat,
-                    $color-ink-80;
+        background:
+            linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%),
+            url('/media/img/newsletter/intro-mozsummit-2000.jpg') center center no-repeat,
+            $color-ink-80;
         @include background-size(cover);
     }
 
     @media #{$mq-xl} {
-        background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%),
-                    url('/media/img/newsletter/intro-mozsummit-3000.jpg') center center no-repeat,
-                    $color-ink-80;
+        background:
+            linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%),
+            url('/media/img/newsletter/intro-mozsummit-3000.jpg') center center no-repeat,
+            $color-ink-80;
         @include background-size(cover);
     }
 }
diff --git a/media/css/newsletter/newsletter-opt-out-confirmation.scss b/media/css/newsletter/newsletter-opt-out-confirmation.scss
index 9786a256e8c..90b261a696e 100644
--- a/media/css/newsletter/newsletter-opt-out-confirmation.scss
+++ b/media/css/newsletter/newsletter-opt-out-confirmation.scss
@@ -13,7 +13,6 @@ $image-path: '/media/protocol/img';
 /* -------------------------------------------------------------------------- */
 // Common elements
 
-
 main {
     padding: $spacing-lg 0;
 
diff --git a/media/css/newsletter/newsletter.scss b/media/css/newsletter/newsletter.scss
index 27826ddf36f..6c9cfe4f4a8 100644
--- a/media/css/newsletter/newsletter.scss
+++ b/media/css/newsletter/newsletter.scss
@@ -16,7 +16,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
 @import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Global styles.
 
 h1 {
@@ -44,8 +44,7 @@ main {
     padding-bottom: $label-v-spacing;
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // newsletter/existing custom styles.
 
 .c-column {
@@ -58,7 +57,7 @@ main {
         width: 50%;
 
         &:first-child {
-            border-right: 1px solid rgba(0,0,0,.2);
+            border-right: 1px solid rgba(0, 0, 0, 0.2);
         }
     }
 
@@ -92,7 +91,7 @@ main {
         }
 
         tr {
-            border-bottom: 1px solid rgba(0,0,0,.2);
+            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
         }
 
         th {
@@ -105,7 +104,6 @@ main {
             label {
                 @include visually-hidden;
             }
-
         }
 
         tr.indented th {
@@ -132,7 +130,7 @@ main {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // newsletter/updated custom styles.
 
 .c-updated-block {
@@ -154,7 +152,7 @@ main {
         display: none;
         margin-top: $spacing-lg;
 
-        a:before {
+        a::before {
             content: '\2190\0020';
         }
 
@@ -191,16 +189,15 @@ main {
             text-indent: -$spacing-xl;
         }
 
-        input[type="checkbox"] {
+        input[type='checkbox'] {
             margin-right: 10px;
         }
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // newsletter/country/ custom styles.
 
-
 #country-newsletter-form {
     select {
         width: 100%;
diff --git a/media/css/press/press.scss b/media/css/press/press.scss
index 1cc146fb518..c8eb63876bb 100644
--- a/media/css/press/press.scss
+++ b/media/css/press/press.scss
@@ -20,13 +20,12 @@ $image-path: '/media/protocol/img';
     }
 }
 
-
 .mzp-c-emphasis-box {
     margin-top: $spacing-xl;
     margin-bottom: $layout-md;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Form
 
 textarea {
@@ -42,4 +41,3 @@ textarea {
 #outer-wrapper .mzp-c-notification-bar {
     margin: $spacing-lg 0;
 }
-
diff --git a/media/css/privacy/privacy-protocol.scss b/media/css/privacy/privacy-protocol.scss
index 4d0b1c81b31..ef0df5a0c11 100644
--- a/media/css/privacy/privacy-protocol.scss
+++ b/media/css/privacy/privacy-protocol.scss
@@ -13,7 +13,7 @@ $image-path: '/media/protocol/img';
 
 $border: 2px solid $color-marketing-gray-20;
 
-.mzp-c-sidemenu .mzp-c-sidemenu-title  {
+.mzp-c-sidemenu .mzp-c-sidemenu-title {
     @include font-base;
 }
 
@@ -37,7 +37,7 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Policy header
 
 .privacy-logo {
@@ -100,8 +100,7 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Policy header intro
 
 .privacy-lead-in {
@@ -115,11 +114,10 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Main policy content
 
 .privacy-body {
-
     > div > section > section {
         border-bottom: $border;
     }
@@ -154,7 +152,7 @@ $border: 2px solid $color-marketing-gray-20;
     margin-top: $layout-lg;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Privacy choices widget
 
 .data-choices {
@@ -191,7 +189,7 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Policy footer
 
 .privacy-footnote {
@@ -203,7 +201,7 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Summary and details widget
 
 .format-headings .privacy-body {
@@ -215,7 +213,7 @@ $border: 2px solid $color-marketing-gray-20;
             @include bidi(((padding-left, 0, padding-right, 0),));
         }
 
-        button[aria-expanded=true]:before {
+        button[aria-expanded='true']::before {
             @include summary-open;
         }
 
@@ -233,7 +231,7 @@ $border: 2px solid $color-marketing-gray-20;
         button {
             padding: 0;
 
-            &:after {
+            &::after {
                 color: $color-link;
                 content: attr(data-open);
                 margin-left: 0.5ex;
@@ -241,7 +239,7 @@ $border: 2px solid $color-marketing-gray-20;
             }
         }
 
-        button[aria-expanded=true]:after {
+        button[aria-expanded='true']::after {
             content: attr(data-close);
         }
 
@@ -252,8 +250,7 @@ $border: 2px solid $color-marketing-gray-20;
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Privacy Principles page
 
 #privacy-principles,
@@ -264,7 +261,6 @@ $border: 2px solid $color-marketing-gray-20;
 }
 
 #privacy-principles {
-
     ol {
         @include text-title-md;
         @include font-mozilla;
diff --git a/media/css/products/vpn/common.scss b/media/css/products/vpn/common.scss
index 50b4fa72074..7c1aa73e7b7 100644
--- a/media/css/products/vpn/common.scss
+++ b/media/css/products/vpn/common.scss
@@ -8,7 +8,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import 'includes/lib';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Guarantee / Availability Copy
 
 .availability-copy,
@@ -21,7 +21,7 @@ $image-path: '/media/protocol/img';
     font-weight: bold;
     margin-bottom: $spacing-lg;
 
-    &:before {
+    &::before {
         @include bidi((
             (background-position, top left, top right),
             (padding-right, $spacing-xs, padding-left, 0),
@@ -36,9 +36,9 @@ $image-path: '/media/protocol/img';
         width: 16px;
     }
 
-    &:after {
+    &::after {
         @include bidi((
-            (padding-left, .1em, padding-right, 0),
+            (padding-left, 0.1em, padding-right, 0),
         ));
         content: '*';
     }
@@ -57,9 +57,9 @@ $image-path: '/media/protocol/img';
 }
 
 .vpn-features-guarantee {
-    &:after {
+    &::after {
         @include bidi((
-            (padding-left, .1em, padding-right, 0),
+            (padding-left, 0.1em, padding-right, 0),
         ));
         content: '*';
     }
@@ -69,7 +69,7 @@ $image-path: '/media/protocol/img';
     margin-bottom: 0;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // VPN Nav Button
 
 .vpn-nav-cta {
@@ -102,7 +102,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page VPN Button
 
 main .mzp-c-button.mzp-t-xl {
@@ -117,7 +117,7 @@ main .mzp-c-button.mzp-t-xl {
     background: $color-white;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // VPN Product Feature List
 
 .vpn-feature-list.mzp-u-list-styled {
@@ -158,7 +158,7 @@ main .mzp-c-button.mzp-t-xl {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Page Footer
 
 .vpn-footer {
diff --git a/media/css/products/vpn/components/block.scss b/media/css/products/vpn/components/block.scss
index 725947cd484..6802c47dd25 100644
--- a/media/css/products/vpn/components/block.scss
+++ b/media/css/products/vpn/components/block.scss
@@ -8,7 +8,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '../includes/lib';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Content Block
 
 .vpn-content-block {
@@ -24,7 +24,7 @@ $image-path: '/media/protocol/img';
     position: relative;
     z-index: 0;
 
-    &:after {
+    &::after {
         background: $color-marketing-gray-20;
         border-radius: $border-radius-sm;
         content: '';
@@ -56,7 +56,7 @@ $image-path: '/media/protocol/img';
             background-color: $color-white;
         }
 
-        &:after {
+        &::after {
             background: #c4c6fc;
         }
     }
@@ -68,7 +68,6 @@ $image-path: '/media/protocol/img';
     }
 
     &.t-center {
-
         .vpn-content-block-container {
             text-align: center;
         }
@@ -91,7 +90,7 @@ $image-path: '/media/protocol/img';
     @media #{$mq-md} {
         margin-bottom: $layout-xl;
 
-        &:after {
+        &::after {
             left: $spacing-xl;
             top: $spacing-xl;
         }
@@ -118,7 +117,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Content Block with Image
 
 .vpn-content-media {
@@ -138,6 +137,8 @@ $image-path: '/media/protocol/img';
 
     .vpn-content-media-copy {
         @include bidi(((text-align, left, right),));
+        padding: $spacing-lg $spacing-md;
+        padding-top: 0;
     }
 
     .vpn-content-media-heading {
@@ -150,11 +151,6 @@ $image-path: '/media/protocol/img';
         color: $color-marketing-gray-90;
     }
 
-    .vpn-content-media-copy {
-        padding: $spacing-lg $spacing-md;
-        padding-top: 0;
-    }
-
     .vpn-content-media-image-container {
         padding: $spacing-lg $spacing-md;
         padding-bottom: 0;
@@ -165,7 +161,7 @@ $image-path: '/media/protocol/img';
         border-radius: $border-radius-sm;
         outline: 4px solid $color-black;
 
-        &:after {
+        &::after {
             background: $color-marketing-gray-20;
             border-radius: $border-radius-sm;
             content: '';
@@ -202,7 +198,7 @@ $image-path: '/media/protocol/img';
         }
 
         &.has-outline {
-            &:after {
+            &::after {
                 left: $spacing-xl;
                 top: $spacing-xl;
             }
@@ -235,7 +231,7 @@ $image-path: '/media/protocol/img';
         }
     }
 
-    @supports(display: grid) {
+    @supports (display: grid) {
         overflow: visible;
 
         @media #{$mq-md} {
@@ -248,6 +244,8 @@ $image-path: '/media/protocol/img';
             }
 
             &.vpn-content-media-left-half {
+                grid-template-columns: 1fr 1fr;
+
                 .vpn-content-media-copy {
                     grid-column: 1;
                     grid-row: 1;
@@ -261,11 +259,9 @@ $image-path: '/media/protocol/img';
                 }
             }
 
-            &.vpn-content-media-left-half {
+            &.vpn-content-media-right-half {
                 grid-template-columns: 1fr 1fr;
-            }
 
-            &.vpn-content-media-right-half {
                 .vpn-content-media-copy {
                     grid-column: 2;
                     grid-row: 1;
@@ -278,11 +274,6 @@ $image-path: '/media/protocol/img';
                     width: auto;
                 }
             }
-
-            &.vpn-content-media-right-half {
-                grid-template-columns: 1fr 1fr;
-            }
-
         }
 
         @media #{$mq-lg} {
@@ -291,7 +282,7 @@ $image-path: '/media/protocol/img';
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Pricing Blocks
 
 .vpn-variable-pricing-block {
@@ -314,7 +305,6 @@ $image-path: '/media/protocol/img';
 }
 
 .vpn-pricing-variable-plans {
-
     .vpn-content-block {
         @include align-items(start);
     }
@@ -385,9 +375,8 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-md} {
-
         .vpn-content-block {
-            &:after {
+            &::after {
                 left: $spacing-lg;
                 top: $spacing-lg;
             }
@@ -398,11 +387,12 @@ $image-path: '/media/protocol/img';
             margin-top: $spacing-md;
         }
 
-        @supports(display: grid) {
+        @supports (display: grid) {
             display: grid;
             grid-column-gap: $spacing-xl * 2;
-            grid-template-areas: 'months-12 months-12'
-                                 'months-6 monthly';
+            grid-template-areas:
+                'months-12 months-12'
+                'months-6 monthly';
             grid-template-columns: repeat(2, 1fr);
             grid-template-rows: repeat(2, 1fr);
 
@@ -415,15 +405,14 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-lg} {
-
         .vpn-content-block {
-            &:after {
+            &::after {
                 left: $spacing-md;
                 top: $spacing-md;
             }
         }
 
-        @supports(display: grid) {
+        @supports (display: grid) {
             grid-column-gap: $spacing-xl;
             grid-template-areas: 'months-12 months-6 monthly';
             grid-template-columns: repeat(3, 1fr);
@@ -432,9 +421,8 @@ $image-path: '/media/protocol/img';
     }
 
     @media #{$mq-xl} {
-
         .vpn-content-block {
-            &:after {
+            &::after {
                 left: $spacing-lg;
                 top: $spacing-lg;
             }
@@ -444,7 +432,7 @@ $image-path: '/media/protocol/img';
             display: inline;
         }
 
-        @supports(display: grid) {
+        @supports (display: grid) {
             grid-column-gap: $spacing-xl * 2;
         }
     }
diff --git a/media/css/products/vpn/components/hero.scss b/media/css/products/vpn/components/hero.scss
index c61c57d5d3c..73059433a60 100644
--- a/media/css/products/vpn/components/hero.scss
+++ b/media/css/products/vpn/components/hero.scss
@@ -8,7 +8,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '../includes/lib';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Hero component
 
 .vpn-hero {
@@ -26,7 +26,7 @@ $image-path: '/media/protocol/img';
 }
 
 .vpn-hero-heading {
-    @include image-replaced();
+    @include image-replaced;
     background: transparent url('/media/img/logos/vpn/logo-with-wordmark.svg') top left no-repeat;
     @include background-size(175px 60px);
     height: 60px;
@@ -64,16 +64,16 @@ $image-path: '/media/protocol/img';
         width: 480px;
 
         img {
-            @include transition(opacity .5s ease-in-out);
+            @include transition(opacity 0.5s ease-in-out);
             opacity: 0;
         }
     }
 
-    &[data-illustration="n-1"] .n-1,
-    &[data-illustration="n-2"] .n-2,
-    &[data-illustration="n-3"] .n-3,
-    &[data-illustration="n-4"] .n-4,
-    &[data-illustration="n-5"] .n-5 {
+    &[data-illustration='n-1'] .n-1,
+    &[data-illustration='n-2'] .n-2,
+    &[data-illustration='n-3'] .n-3,
+    &[data-illustration='n-4'] .n-4,
+    &[data-illustration='n-5'] .n-5 {
         opacity: 1;
     }
 }
diff --git a/media/css/products/vpn/includes/_lib.scss b/media/css/products/vpn/includes/_lib.scss
index ad8d8930339..4870efe6f97 100644
--- a/media/css/products/vpn/includes/_lib.scss
+++ b/media/css/products/vpn/includes/_lib.scss
@@ -2,7 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Variables
 
 $color-vpn-brand-purple: #5340b4;
diff --git a/media/css/products/vpn/invite.scss b/media/css/products/vpn/invite.scss
index 68fc7b6a89d..78ba22a3ffe 100644
--- a/media/css/products/vpn/invite.scss
+++ b/media/css/products/vpn/invite.scss
@@ -12,7 +12,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/components/forms/status';
 @import '~@mozilla-protocol/core/protocol/css/components/forms/set';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Newsletter Form
 
 .mzp-c-form-header {
@@ -39,7 +39,7 @@ $image-path: '/media/protocol/img';
         margin: $spacing-2xl 0;
     }
 
-    button[type="submit"] {
+    button[type='submit'] {
         display: block;
         margin: 0 auto;
     }
@@ -59,7 +59,6 @@ $image-path: '/media/protocol/img';
 }
 
 .vpn-invite-platform-options {
-
     .mzp-u-inline {
         font-weight: normal;
     }
diff --git a/media/css/products/vpn/landing.scss b/media/css/products/vpn/landing.scss
index 8542e0f2504..78899e2b0c2 100644
--- a/media/css/products/vpn/landing.scss
+++ b/media/css/products/vpn/landing.scss
@@ -8,7 +8,7 @@ $image-path: '/media/protocol/img';
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import '~@mozilla-protocol/core/protocol/css/components/inline-list';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Smooth Scroll
 
 html {
@@ -19,7 +19,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Waitlist Feature Block
 
 .vpn-waitlist-feature-block {
@@ -43,7 +43,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Featured Press Logos
 
 .vpn-featured-press-logos {
@@ -61,7 +61,7 @@ html {
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // FAQ Section
 
 .vpn-faq {
@@ -95,9 +95,9 @@ html {
 }
 
 #faq-refunds .vpn-faq-item-heading h3 {
-    &:before {
+    &::before {
         @include bidi((
-            (padding-right, .1em, padding-left, 0),
+            (padding-right, 0.1em, padding-left, 0),
         ));
         content: '*';
     }
diff --git a/media/css/products/vpn/resource-center.scss b/media/css/products/vpn/resource-center.scss
index 35ae73e739d..a639d1797ec 100644
--- a/media/css/products/vpn/resource-center.scss
+++ b/media/css/products/vpn/resource-center.scss
@@ -21,9 +21,11 @@ $image-path: '/media/protocol/img';
 .resource-center-page-header {
     .mzp-l-content {
         max-width: $content-md;
+
         .mzp-c-call-out-title {
             @include font-firefox;
         }
+
         .mzp-c-call-out-desc {
             font-weight: 700;
             margin-left: auto;
@@ -48,7 +50,7 @@ $image-path: '/media/protocol/img';
 }
 
 .resource-center-wordmark {
-    @include image-replaced();
+    @include image-replaced;
     @include background-size(94px 32px);
     background: transparent url('/media/img/logos/vpn/logo-with-wordmark.svg') top left no-repeat;
     height: 32px;
@@ -58,7 +60,6 @@ $image-path: '/media/protocol/img';
     @media #{$mq-md} {
         margin: 0 0 $spacing-xl;
     }
-
 }
 
 .resource-center-cta {
@@ -81,6 +82,7 @@ $image-path: '/media/protocol/img';
 .resource-center-cta-desc {
     @include text-body-sm;
     @include font-base;
+
     // this color will be added to protocol, this should be updated once its availible as a token
     color: #666;
 }
@@ -89,6 +91,7 @@ $image-path: '/media/protocol/img';
     background: url('/media/img/products/vpn/resource-center/resource_center_article_gradient.svg');
     background-repeat: no-repeat;
     background-size: auto;
+
     // The background image will cut off on larger viewports
     @media #{$mq-lg} {
         background-size: contain;
@@ -130,7 +133,7 @@ $image-path: '/media/protocol/img';
 }
 
 .vpn-article-bottom-title {
-    margin-bottom:$spacing-xl;
+    margin-bottom: $spacing-xl;
 }
 
 .vpn-article-hr {
@@ -140,6 +143,7 @@ $image-path: '/media/protocol/img';
 .vpn-c-vote {
     margin-top: $layout-xl;
     text-align: center;
+
     .vpn-c-vote-btn-container {
         @include bidi(((margin-right, $layout-lg, margin-left, $layout-lg),));
         position: relative;
@@ -159,7 +163,7 @@ $image-path: '/media/protocol/img';
                 top: 13px;
             }
 
-            &[aria-pressed=true] {
+            &[aria-pressed='true'] {
                 color: $color-blue-50;
                 fill: currentColor;
             }
@@ -168,8 +172,9 @@ $image-path: '/media/protocol/img';
                 @include visually-hidden;
             }
 
-            svg, path {
-               pointer-events: none;
+            svg,
+            path {
+                pointer-events: none;
             }
         }
     }
diff --git a/media/css/products/vpn/vpn-info.scss b/media/css/products/vpn/vpn-info.scss
index 05b91604638..a63e49bf6dd 100644
--- a/media/css/products/vpn/vpn-info.scss
+++ b/media/css/products/vpn/vpn-info.scss
@@ -21,7 +21,5 @@
 }
 
 .vpn-cta {
-   text-align: center;
+    text-align: center;
 }
-
-
diff --git a/media/css/protocol/basic-article.scss b/media/css/protocol/basic-article.scss
index be91d9e7569..499a2b65976 100644
--- a/media/css/protocol/basic-article.scss
+++ b/media/css/protocol/basic-article.scss
@@ -35,7 +35,7 @@ $image-path: '/media/protocol/img';
             padding-right: 0;
         }
 
-        .is-summary button[aria-expanded=true]:before {
+        .is-summary button[aria-expanded='true']::before {
             @include summary-open;
         }
     }
diff --git a/media/css/protocol/common-old-ie.scss b/media/css/protocol/common-old-ie.scss
index e9c046e2501..6353c717cff 100644
--- a/media/css/protocol/common-old-ie.scss
+++ b/media/css/protocol/common-old-ie.scss
@@ -29,7 +29,7 @@ body {
 }
 
 img {
-    -ms-interpolation-mode: bicubic;
+    -ms-interpolation-mode: bicubic; /* stylelint-disable-line property-no-unknown */
 }
 
 label {
@@ -48,7 +48,10 @@ label {
     display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
-header, main, section, footer {
+header,
+main,
+section,
+footer {
     display: block;
 }
 
@@ -67,7 +70,12 @@ header, main, section, footer {
     background: $color-ink-80;
     color: $color-white;
 
-    h1, h2, h3, h4, h5, h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
         color: $color-white;
     }
 }
diff --git a/media/css/protocol/components/_custom-menu-list.scss b/media/css/protocol/components/_custom-menu-list.scss
index 1aa7741bf87..a2d801795b5 100644
--- a/media/css/protocol/components/_custom-menu-list.scss
+++ b/media/css/protocol/components/_custom-menu-list.scss
@@ -31,7 +31,7 @@ $image-path: '/media/protocol/img';
                 background: $color-marketing-gray-20;
                 border-color: $color-marketing-gray-40;
 
-                &:before {
+                &::before {
                     border-color: $color-marketing-gray-40;
                 }
             }
@@ -42,12 +42,12 @@ $image-path: '/media/protocol/img';
                 border-color: $color-link;
                 box-shadow: 0 0 2px 0 $color-blue-20;
 
-                &:before {
+                &::before {
                     border-color: $color-link;
                 }
             }
 
-            &:before {
+            &::before {
                 @include bidi((
                     (right, 42px, left, auto),
                     (border-left-width, 2px, 0),
@@ -63,7 +63,7 @@ $image-path: '/media/protocol/img';
                 width: 0;
             }
 
-            &:after {
+            &::after {
                 @include bidi(((right, 0, left, auto),));
                 background-position: center center;
                 height: 100%;
diff --git a/media/css/protocol/components/_download-button-ie.scss b/media/css/protocol/components/_download-button-ie.scss
index fee2b8bbcda..f763dfb6c42 100644
--- a/media/css/protocol/components/_download-button-ie.scss
+++ b/media/css/protocol/components/_download-button-ie.scss
@@ -18,14 +18,12 @@ ul.download-list {
     }
 }
 
+/* !important used for strict download link enforcement */
+/* stylelint-disable declaration-no-important, selector-class-pattern  */
 .download-button {
     display: inline-block;
     vertical-align: top;
-}
 
-/* !important used for strict download link enforcement */
-/* stylelint-disable declaration-no-important  */
-.download-button {
     .download-list li,
     .unrecognized-download,
     .nojs-download {
@@ -37,4 +35,3 @@ ul.download-list {
     display: block !important;
 }
 /* stylelint-enable */
-
diff --git a/media/css/protocol/components/_download-button.scss b/media/css/protocol/components/_download-button.scss
index 36cdb8bb5d1..bfc8fe62af7 100644
--- a/media/css/protocol/components/_download-button.scss
+++ b/media/css/protocol/components/_download-button.scss
@@ -35,11 +35,6 @@ ul.download-list {
     }
 }
 
-.download-button {
-    display: inline-block;
-    vertical-align: top;
-}
-
 .download-other {
     @include text-body-xs;
     color: #666;
@@ -58,10 +53,13 @@ ul.download-list {
 }
 
 /* !important used for strict download link enforcement */
-/* stylelint-disable declaration-no-important  */
+/* stylelint-disable declaration-no-important, selector-class-pattern  */
 
 // Product download buttons
 .download-button {
+    display: inline-block;
+    vertical-align: top;
+
     .ios-download,
     .unrecognized-download,
     .nojs-download {
@@ -126,4 +124,3 @@ ul.download-list {
 }
 
 /* stylelint-enable */
-
diff --git a/media/css/protocol/components/_footer.scss b/media/css/protocol/components/_footer.scss
index 9eebc55f508..dd546ab6677 100644
--- a/media/css/protocol/components/_footer.scss
+++ b/media/css/protocol/components/_footer.scss
@@ -2,7 +2,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-@use "sass:math";
+@use 'sass:math';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
@@ -81,7 +81,7 @@
         }
 
         .c-footer-list-social li a {
-            opacity: .75;
+            opacity: 0.75;
 
             &:hover,
             &:focus,
@@ -104,8 +104,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer primary section, contains logo and sections with links
 
 .c-footer-primary {
@@ -119,7 +118,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer Mozilla logo
 
 .c-footer-primary-logo {
@@ -143,8 +142,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer section containing list and heading
 
 .c-footer-sections {
@@ -248,7 +246,7 @@
             outline: 1px dotted $color-black;
         }
 
-        button:before {
+        button::before {
             background: $url-image-arrow-down-form top left no-repeat;
             @include background-size(24px, 24px);
             @include bidi(((right, 8px, left, auto),));
@@ -261,7 +259,7 @@
             width: 24px;
         }
 
-        button[aria-expanded=true]:before {
+        button[aria-expanded='true']::before {
             @include transform(rotate(180deg));
         }
     }
@@ -293,13 +291,12 @@
         }
     }
 
-    &.is-closed[aria-hidden="true"] {
+    &.is-closed[aria-hidden='true'] {
         display: none;
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer secondary contains langauge selector, social icons, legal, and license
 
 .c-footer-secondary {
@@ -307,7 +304,7 @@
     position: relative;
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer language selector
 
 .c-footer-language {
@@ -319,13 +316,13 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer social icon links
 
 .c-footer-section-social .c-footer-heading {
     @include text-body-sm;
     font-weight: normal;
-    margin-top: .2em;
+    margin-top: 0.2em;
 }
 
 .c-footer-list-social {
@@ -343,7 +340,7 @@
             border-bottom: 1px solid transparent;
             display: block;
             height: 20px;
-            opacity: .5;
+            opacity: 0.5;
             padding-bottom: 2px;
             width: 20px;
 
@@ -379,9 +376,7 @@
     }
 }
 
-
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer license and terms
 
 .c-footer-legal {
@@ -395,8 +390,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer license
 
 .c-footer-license {
@@ -408,8 +402,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Footer license
 
 .c-footer-terms {
diff --git a/media/css/protocol/components/_menu-item.scss b/media/css/protocol/components/_menu-item.scss
index 239b2082e00..0c90201593d 100644
--- a/media/css/protocol/components/_menu-item.scss
+++ b/media/css/protocol/components/_menu-item.scss
@@ -4,7 +4,6 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 $icon-size-sm: 24px;
 $icon-size-md: 32px;
 
@@ -171,11 +170,11 @@ $icon-size-md: 32px;
     }
 }
 
-.c-menu-item-link[href^="https://hubs.mozilla.com"] .c-menu-item-icon {
+.c-menu-item-link[href^='https://hubs.mozilla.com'] .c-menu-item-icon {
     transition: width 150ms ease, height 150ms ease;
     z-index: 100;
 }
 
-.c-menu-item-link[href^="https://hubs.mozilla.com"]:hover .c-menu-item-icon {
+.c-menu-item-link[href^='https://hubs.mozilla.com']:hover .c-menu-item-icon {
     animation: duckroll 23s ease-in-out 23s forwards;
 }
diff --git a/media/css/protocol/components/_menu.scss b/media/css/protocol/components/_menu.scss
index 2a8e384892f..8173671e711 100644
--- a/media/css/protocol/components/_menu.scss
+++ b/media/css/protocol/components/_menu.scss
@@ -5,7 +5,7 @@
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
 @mixin highlighted {
-    &:after {
+    &::after {
         background: $color-black;
         bottom: -1px;
         content: '';
@@ -26,11 +26,16 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Menu top navigation
 
 .c-menu {
-    h1, h2, h3, h4, h5, h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
         @include font-base;
     }
 
@@ -80,7 +85,7 @@
     &.mzp-has-drop-down .c-menu-title {
         text-decoration: none;
 
-        &:before {
+        &::before {
             background: $url-image-arrow-down-form top left no-repeat;
             @include background-size(20px, 20px);
             @include bidi(((right, 8px, left, auto),));
@@ -94,7 +99,7 @@
         }
     }
 
-    @supports(display: flex) {
+    @supports (display: flex) {
         .c-menu-title {
             align-items: center;
             display: flex;
@@ -115,7 +120,7 @@
             }
         }
 
-        &.mzp-has-drop-down .c-menu-title:before {
+        &.mzp-has-drop-down .c-menu-title::before {
             display: none;
         }
 
@@ -138,13 +143,12 @@
 
 // Basic hover interactions with JavaScript disabled or not supported..
 .c-menu.mzp-is-basic .c-menu-category {
-
-    .c-menu-title:before {
+    .c-menu-title::before {
         display: none;
     }
 
     @media #{$mq-md} {
-        .c-menu-title:before {
+        .c-menu-title::before {
             display: none;
         }
 
@@ -178,7 +182,7 @@
 // Enhanced hover interactions with JavaScript enabled.
 .c-menu.mzp-is-enhanced .c-menu-category {
     &.mzp-is-selected {
-        .c-menu-title:before {
+        .c-menu-title::before {
             @include transform(rotate(180deg));
         }
 
@@ -191,7 +195,7 @@
     @media #{$mq-md} {
         &.mzp-is-animated {
             .c-menu-panel,
-            .c-menu-title:after {
+            .c-menu-title::after {
                 @include animation(mzp-a-fade-in 80ms ease-in 0ms 1 normal both);
             }
         }
@@ -211,8 +215,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Menu panel
 
 .c-menu-panel {
@@ -270,7 +273,7 @@
             position: relative;
 
             @supports (display:grid) {
-                &> ul {
+                & > ul {
                     display: grid;
                     grid-auto-flow: row;
                     grid-template-columns: repeat(2, 1fr);
@@ -344,13 +347,13 @@
             @include clearfix;
             position: relative;
 
-            &> ul {
+            & > ul {
                 margin: 0;
             }
 
             // Undo the grid so items stack in one column on mid-size screens
             @supports (display:grid) {
-                &> ul {
+                & > ul {
                     display: block;
                 }
             }
@@ -371,7 +374,7 @@
             position: relative;
 
             @supports (display:grid) {
-                &> ul {
+                & > ul {
                     display: grid;
                     grid-auto-flow: row;
                     grid-template-columns: repeat(2, 1fr);
@@ -399,7 +402,6 @@
             }
         }
     }
-
 }
 
 .c-menu.mzp-is-basic .c-menu-panel {
diff --git a/media/css/protocol/components/_navigation-ie.scss b/media/css/protocol/components/_navigation-ie.scss
index 0721a203d03..4771d2cf542 100644
--- a/media/css/protocol/components/_navigation-ie.scss
+++ b/media/css/protocol/components/_navigation-ie.scss
@@ -7,8 +7,7 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Navigation styles
 
 .c-navigation {
diff --git a/media/css/protocol/components/_navigation.scss b/media/css/protocol/components/_navigation.scss
index 3b5c8da0ee4..9ffcbb37013 100644
--- a/media/css/protocol/components/_navigation.scss
+++ b/media/css/protocol/components/_navigation.scss
@@ -4,14 +4,15 @@
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Navigation styles
 
 .c-navigation {
     background: $color-white;
+
     // Shadow colors are equivalent to $color-ink-90, $color-blue-90, $color-ink-90
     // We can't use a $box-shadow token here because it needs a different size and offset
-    box-shadow: 0 0 1px 1px rgba(29, 17, 51, .04), 0 0 3px 2px rgba(9, 32, 77, .12), 0 0 2px -3px rgba(29, 17, 51, .12);
+    box-shadow: 0 0 1px 1px rgba(29, 17, 51, 0.04), 0 0 3px 2px rgba(9, 32, 77, 0.12), 0 0 2px -3px rgba(29, 17, 51, 0.12);
     color: $color-black;
 
     .c-navigation-l-content {
@@ -45,7 +46,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Sticky navigation styles
 
 @supports (position: sticky) {
@@ -60,7 +61,7 @@
             &.mzp-is-scrolling {
                 // Shadow colors are equivalent to $color-ink-90, $color-blue-90, $color-ink-90
                 // We can't use a $box-shadow token here because it needs a different size and offset
-                box-shadow: 0 0 6px 1px rgba(29, 17, 51, .04), 0 0 8px 2px rgba(9, 32, 77, .12), 0 0 5px -3px rgba(29, 17, 51, .12);
+                box-shadow: 0 0 6px 1px rgba(29, 17, 51, 0.04), 0 0 8px 2px rgba(9, 32, 77, 0.12), 0 0 5px -3px rgba(29, 17, 51, 0.12);
             }
 
             &.mzp-is-hidden {
@@ -75,7 +76,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Mozilla Logo
 
 .c-navigation-logo {
@@ -100,7 +101,7 @@
     }
 }
 
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Menu molecule
 
 .c-navigation-menu {
@@ -123,8 +124,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Shoulder - usually contains a button
 
 .c-navigation-shoulder {
@@ -158,8 +158,7 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Mobile Navigation Icon
 
 .c-navigation-menu-button {
@@ -178,7 +177,7 @@
 
     &:hover,
     &:active,
-    &:focus  {
+    &:focus {
         background-color: $color-marketing-gray-20;
     }
 
@@ -196,7 +195,6 @@
     width: 32px;
 }
 
-
 .js .c-navigation-menu-button {
     display: block;
 
@@ -205,12 +203,10 @@
     }
 }
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Mobile Navigation drawer
 
 .js .c-navigation-l-content {
-
     .c-navigation-items {
         display: none;
 
@@ -224,8 +220,7 @@
     }
 }
 
-
-//*----------------------------------------------------------------------------- */
+// *----------------------------------------------------------------------------- */
 // Bedrock-specific stuff that doesn't belong in Protocol
 
 // Hide nav download button on unsupported systems to prevent
@@ -237,10 +232,8 @@ html.other {
 }
 
 // Global FxA CTA
-.c-navigation {
-    .c-navigation-vpn-cta-container {
-        display: none;
-    }
+.c-navigation .c-navigation-vpn-cta-container {
+    display: none;
 }
 
 // Show FxA button to Firefoxes...
@@ -256,18 +249,25 @@ html.is-firefox .c-navigation {
 
 // Animate the navigation secondary CTA button.
 @keyframes bounce {
-    10%, 25%, 40%, 49% {
-        animation-timing-function: cubic-bezier(.39, .58, .57, 1);
+    10%,
+    25%,
+    40%,
+    49% {
+        animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
         transform: translate3d(0, 0, 0);
     }
-    20%, 22% {
+
+    20%,
+    22% {
         animation-timing-function: ease-in-out;
         transform: translate3d(0, -8px, 0);
     }
+
     35% {
         animation-timing-function: ease-in-out;
         transform: translate3d(0, -5px, 0);
     }
+
     45% {
         animation-timing-function: ease-in-out;
         transform: translate3d(0, -1.5px, 0);
@@ -275,7 +275,7 @@ html.is-firefox .c-navigation {
 }
 
 .nav-button-is-ready .c-navigation-shoulder .mzp-c-button {
-    animation: bounce 2s .5s;
+    animation: bounce 2s 0.5s;
     transform-origin: center bottom;
 
     @media (prefers-reduced-motion: reduce) {
@@ -283,4 +283,4 @@ html.is-firefox .c-navigation {
     }
 }
 
-//* -- end bedrock stuff --*/
+// * -- end bedrock stuff --*/
diff --git a/media/css/protocol/components/_state-fxa.scss b/media/css/protocol/components/_state-fxa.scss
index a111582805d..3a355c12886 100644
--- a/media/css/protocol/components/_state-fxa.scss
+++ b/media/css/protocol/components/_state-fxa.scss
@@ -14,12 +14,12 @@
 }
 
 // Show elements for current variation
-.state-fxa-supported-signed-in  .show-fxa-supported-signed-in,
+.state-fxa-supported-signed-in .show-fxa-supported-signed-in,
 .state-fxa-supported-signed-out .show-fxa-supported-signed-out,
-.state-fxa-unsupported          .show-fxa-unsupported,
-.state-fxa-android              .show-fxa-android,
-.state-fxa-ios                  .show-fxa-ios,
-.state-fxa-not-fx               .show-fxa-not-fx,
-.state-fxa-default              .show-fxa-default {
+.state-fxa-unsupported .show-fxa-unsupported,
+.state-fxa-android .show-fxa-android,
+.state-fxa-ios .show-fxa-ios,
+.state-fxa-not-fx .show-fxa-not-fx,
+.state-fxa-default .show-fxa-default {
     display: block;
 }
diff --git a/media/css/protocol/components/_sub-navigation.scss b/media/css/protocol/components/_sub-navigation.scss
index 1db708c6edb..bfdd97f794d 100644
--- a/media/css/protocol/components/_sub-navigation.scss
+++ b/media/css/protocol/components/_sub-navigation.scss
@@ -2,16 +2,15 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-
-//* -------------------------------------------------------------------------- */
+// * -------------------------------------------------------------------------- */
 // Should be replaced by https://github.com/mozilla/protocol/issues/471
 
 .c-sub-navigation {
     background: $color-marketing-gray-10;
     box-shadow:
-        inset 0 10px 2px -10px rgba(29, 17, 51, .04),
-        inset 0 10px 4px -10px rgba(9, 32, 77, .12),
-        inset 0 10px 3px -10px rgba(29, 17, 51, .12);
+        inset 0 10px 2px -10px rgba(29, 17, 51, 0.04),
+        inset 0 10px 4px -10px rgba(9, 32, 77, 0.12),
+        inset 0 10px 3px -10px rgba(29, 17, 51, 0.12);
 
     .mzp-l-content {
         padding-top: 0;
@@ -70,7 +69,7 @@
                 outline: 1px dotted $color-black;
             }
 
-            button:before {
+            button::before {
                 background: $url-image-arrow-down-form top left no-repeat;
                 @include background-size(24px, 24px);
                 @include bidi(((right, $spacing-xs, left, auto),));
@@ -83,7 +82,7 @@
                 width: 24px;
             }
 
-            button[aria-expanded=true]:before {
+            button[aria-expanded='true']::before {
                 @include transform(rotate(180deg));
             }
         }
@@ -92,7 +91,7 @@
     .c-sub-navigation-list {
         margin: 0;
 
-        &.is-closed[aria-hidden="true"] {
+        &.is-closed[aria-hidden='true'] {
             display: none;
         }
 
diff --git a/media/css/protocol/components/send-to-device.scss b/media/css/protocol/components/send-to-device.scss
index 0cb6bf15773..9d980dd5992 100644
--- a/media/css/protocol/components/send-to-device.scss
+++ b/media/css/protocol/components/send-to-device.scss
@@ -42,19 +42,17 @@ $image-path: '/media/protocol/img';
 // horizontal
 
 @media #{$mq-md} {
-    @supports(display:grid) {
+    @supports (display:grid) {
         .horizontal {
             &.send-to-device {
                 max-width: 100%;
             }
 
             & .send-to-device-form-fields {
-                & {
-                    @include grid-column-gap($spacing-lg);
-                    display: grid;
-                    grid-template-columns: 1fr min-content;
-                    grid-template-rows: auto auto;
-                }
+                @include grid-column-gap($spacing-lg);
+                display: grid;
+                grid-template-columns: 1fr min-content;
+                grid-template-rows: auto auto;
 
                 &.hidden {
                     display: none;
@@ -74,8 +72,8 @@ $image-path: '/media/protocol/img';
                     margin-bottom: 0;
 
                     // put in fake form label to push button down height of real form label next to it
-                    &:before {
-                        @include field-label();
+                    &::before {
+                        @include field-label;
                         content: '.';
                         visibility: hidden;
                     }
diff --git a/media/css/protocol/protocol-firefox.scss b/media/css/protocol/protocol-firefox.scss
index a2fa21c14f0..eda020cbc55 100644
--- a/media/css/protocol/protocol-firefox.scss
+++ b/media/css/protocol/protocol-firefox.scss
@@ -4,7 +4,6 @@
 
 $brand-theme: 'firefox';
 $type-scale: 'standard';
-
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
@@ -38,7 +37,6 @@ $image-path: '/media/protocol/img';
 @import 'components/menu-item';
 @import 'components/sub-navigation';
 
-
 // Temporary styling until the newsletter component is updated in Protocol
 // https://github.com/mozilla/protocol/issues/578
 .mzp-c-newsletter-subtitle {
diff --git a/media/css/protocol/protocol-mozilla.scss b/media/css/protocol/protocol-mozilla.scss
index cc195a463cb..f96eb559b35 100644
--- a/media/css/protocol/protocol-mozilla.scss
+++ b/media/css/protocol/protocol-mozilla.scss
@@ -4,11 +4,9 @@
 
 $brand-theme: 'mozilla';
 $type-scale: 'standard';
-
 $font-path: '/media/fonts';
 $image-path: '/media/protocol/img';
 
-
 // These are general styles for elements/components that occur on every page.
 // Individual pages may include additional component styles as needed.
 
@@ -39,7 +37,6 @@ $image-path: '/media/protocol/img';
 @import 'components/menu-item';
 @import 'components/sub-navigation';
 
-
 // Temporary styling until the newsletter component is updated in Protocol
 // https://github.com/mozilla/protocol/issues/578
 .mzp-c-newsletter-subtitle {
diff --git a/media/css/security/components/advisory.scss b/media/css/security/components/advisory.scss
index e78491b5750..bd1a7c1b6ab 100644
--- a/media/css/security/components/advisory.scss
+++ b/media/css/security/components/advisory.scss
@@ -7,7 +7,6 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 
-
 .advisory {
     .summary {
         margin-bottom: 0;
@@ -16,6 +15,7 @@ $image-path: '/media/protocol/img';
             @include font-size(16px);
             font-weight: bold;
         }
+
         dd {
             margin-bottom: 10px;
             padding-left: $layout-sm;
@@ -46,6 +46,7 @@ $image-path: '/media/protocol/img';
         h5 {
             @include font-size(16px);
         }
+
         p {
             margin-bottom: $spacing-sm;
         }
diff --git a/media/css/security/components/data-table.scss b/media/css/security/components/data-table.scss
index 4daaef5f12a..c74e155a858 100644
--- a/media/css/security/components/data-table.scss
+++ b/media/css/security/components/data-table.scss
@@ -18,6 +18,7 @@ $image-path: '/media/protocol/img';
     td {
         vertical-align: top;
     }
+
     td {
         @include font-size(14px);
     }
diff --git a/media/css/security/components/level.scss b/media/css/security/components/level.scss
index 61b327e6d16..1a1b061cd1f 100644
--- a/media/css/security/components/level.scss
+++ b/media/css/security/components/level.scss
@@ -10,7 +10,7 @@ $image-path: '/media/protocol/img';
 // Security impact levels
 
 .level-item {
-    padding: .714rem 0 .5rem;
+    padding: 0.714rem 0 0.5rem;
     position: relative;
 }
 
@@ -18,7 +18,7 @@ $image-path: '/media/protocol/img';
     @include text-body-xs;
     background: $color-marketing-gray-10;
     border-right: 3px solid $color-marketing-gray-30;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 -1px 0 rgba(0,0,0,0.05) inset;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
     color: #000;
     display: inline-block;
     font-style: normal;
diff --git a/media/css/security/security.scss b/media/css/security/security.scss
index bd24675df62..9723696c1f7 100644
--- a/media/css/security/security.scss
+++ b/media/css/security/security.scss
@@ -7,12 +7,11 @@ $image-path: '/media/protocol/img';
 
 @import '~@mozilla-protocol/core/protocol/css/includes/lib';
 @import 'components/advisory',
-        'components/data-table',
-        'components/level',
-        'components/links',
-        'components/note';
+    'components/data-table',
+    'components/level',
+    'components/links',
+    'components/note';
 
 .pgp-key {
     overflow-x: scroll;
 }
-
diff --git a/package-lock.json b/package-lock.json
index bc58de0cd30..78980169ac7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,12 +18,10 @@
         "copy-webpack-plugin": "9.0.1",
         "css-loader": "6.2.0",
         "css-minimizer-webpack-plugin": "3.0.2",
-        "eslint": "^7.0.0",
         "mini-css-extract-plugin": "2.2.0",
         "sass": "^1.42.1",
         "sass-loader": "12.1.0",
         "style-loader": "3.2.1",
-        "stylelint": "^13.12.0",
         "webpack": "5.51.1",
         "webpack-cli": "4.8.0"
       },
@@ -31,6 +29,7 @@
         "browser-sync": "^2.26.13",
         "browser-sync-webpack-plugin": "^2.2.2",
         "concurrently": "^6.0.1",
+        "eslint": "^7.0.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-json": "^2.1.1",
         "jasmine-core": "3.9.0",
@@ -42,6 +41,8 @@
         "karma-webpack": "^5.0.0",
         "prettier": "^2.4.1",
         "sinon": "11.1.2",
+        "stylelint": "^14.0.1",
+        "stylelint-config-standard-scss": "^2.0.1",
         "svgo": "^2.7.0",
         "tinypng-cli": "^0.0.7"
       }
@@ -1483,6 +1484,7 @@
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
       "integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+      "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.1.1",
@@ -1502,6 +1504,7 @@
       "version": "13.11.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
       "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -1516,6 +1519,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -1524,6 +1528,7 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
       "integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+      "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^1.2.0",
         "debug": "^4.1.1",
@@ -1536,7 +1541,8 @@
     "node_modules/@humanwhocodes/object-schema": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz",
-      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w=="
+      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
+      "dev": true
     },
     "node_modules/@mozilla-protocol/core": {
       "version": "16.0.0",
@@ -1685,32 +1691,6 @@
       "integrity": "sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ==",
       "dev": true
     },
-    "node_modules/@stylelint/postcss-css-in-js": {
-      "version": "0.37.2",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz",
-      "integrity": "sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==",
-      "dependencies": {
-        "@babel/core": ">=7.9.0"
-      },
-      "peerDependencies": {
-        "postcss": ">=7.0.0",
-        "postcss-syntax": ">=0.36.2"
-      }
-    },
-    "node_modules/@stylelint/postcss-markdown": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz",
-      "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==",
-      "deprecated": "Use the original unforked package instead: postcss-markdown",
-      "dependencies": {
-        "remark": "^13.0.0",
-        "unist-util-find-all-after": "^3.0.2"
-      },
-      "peerDependencies": {
-        "postcss": ">=7.0.0",
-        "postcss-syntax": ">=0.36.2"
-      }
-    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -1774,14 +1754,6 @@
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
     },
-    "node_modules/@types/mdast": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
-      "integrity": "sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==",
-      "dependencies": {
-        "@types/unist": "*"
-      }
-    },
     "node_modules/@types/minimatch": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
@@ -1790,7 +1762,8 @@
     "node_modules/@types/minimist": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ=="
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
     },
     "node_modules/@types/node": {
       "version": "16.11.2",
@@ -1800,12 +1773,14 @@
     "node_modules/@types/normalize-package-data": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw=="
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
     },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
     },
     "node_modules/@types/source-list-map": {
       "version": "0.1.2",
@@ -1833,11 +1808,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/@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=="
-    },
     "node_modules/@types/webpack": {
       "version": "4.41.31",
       "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.31.tgz",
@@ -2087,6 +2057,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -2129,6 +2100,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
       "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2137,6 +2109,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2168,6 +2141,7 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -2201,6 +2175,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
       "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2227,6 +2202,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2252,56 +2228,6 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
-    "node_modules/autoprefixer": {
-      "version": "9.8.8",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
-      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
-      "dependencies": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
-        "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "picocolors": "^0.2.1",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-      }
-    },
-    "node_modules/autoprefixer/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/autoprefixer/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/autoprefixer/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -2394,15 +2320,6 @@
       "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
       "dev": true
     },
-    "node_modules/bail": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
-      "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -2729,6 +2646,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2737,6 +2655,7 @@
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2745,6 +2664,7 @@
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
       "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
       "dependencies": {
         "camelcase": "^5.3.1",
         "map-obj": "^4.0.0",
@@ -2796,33 +2716,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/character-entities": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
-      "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/character-entities-legacy": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
-      "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/character-reference-invalid": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
-      "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.2.tgz",
@@ -2905,6 +2798,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
       "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
       "dependencies": {
         "is-regexp": "^2.0.0"
       },
@@ -3320,6 +3214,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
       "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -3678,6 +3573,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
       "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3686,6 +3582,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
       "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
       "dependencies": {
         "decamelize": "^1.1.0",
         "map-obj": "^1.0.0"
@@ -3698,6 +3595,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
       "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3705,7 +3603,8 @@
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
     },
     "node_modules/define-properties": {
       "version": "1.1.3",
@@ -3807,6 +3706,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -3925,7 +3825,8 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
@@ -4034,6 +3935,7 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
       "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
       "dependencies": {
         "ansi-colors": "^4.1.1"
       },
@@ -4070,6 +3972,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -4105,6 +4008,7 @@
       "version": "7.32.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
       "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+      "dev": true,
       "dependencies": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.3",
@@ -4198,6 +4102,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
       "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
       "dependencies": {
         "eslint-visitor-keys": "^1.1.0"
       },
@@ -4212,6 +4117,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
       "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -4220,6 +4126,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
       "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -4228,6 +4135,7 @@
       "version": "7.12.11",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
       "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+      "dev": true,
       "dependencies": {
         "@babel/highlight": "^7.10.4"
       }
@@ -4236,6 +4144,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -4250,6 +4159,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -4265,6 +4175,7 @@
       "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,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -4275,12 +4186,14 @@
     "node_modules/eslint/node_modules/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=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/eslint/node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -4292,6 +4205,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -4303,6 +4217,7 @@
       "version": "13.11.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
       "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -4317,6 +4232,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4325,6 +4241,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
       "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -4333,6 +4250,7 @@
       "version": "7.3.5",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
       "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -4347,6 +4265,7 @@
       "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,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4358,6 +4277,7 @@
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
       "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+      "dev": true,
       "dependencies": {
         "acorn": "^7.4.0",
         "acorn-jsx": "^5.3.1",
@@ -4371,6 +4291,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
       "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -4379,6 +4300,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
       "bin": {
         "esparse": "bin/esparse.js",
         "esvalidate": "bin/esvalidate.js"
@@ -4391,6 +4313,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
       "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -4402,6 +4325,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
       "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -4490,6 +4414,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
       "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
       "dependencies": {
         "clone-regexp": "^2.1.0"
       },
@@ -4500,7 +4425,8 @@
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true
     },
     "node_modules/extsprintf": {
       "version": "1.3.0",
@@ -4550,7 +4476,8 @@
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
     },
     "node_modules/fastest-levenshtein": {
       "version": "1.0.12",
@@ -4569,6 +4496,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -4652,6 +4580,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
       "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
       "dependencies": {
         "flatted": "^3.1.0",
         "rimraf": "^3.0.2"
@@ -4664,6 +4593,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -4677,7 +4607,8 @@
     "node_modules/flatted": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.2.tgz",
-      "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA=="
+      "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==",
+      "dev": true
     },
     "node_modules/follow-redirects": {
       "version": "1.14.4",
@@ -4768,7 +4699,8 @@
     "node_modules/functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
     },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
@@ -4804,6 +4736,7 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
       "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -4870,6 +4803,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
       "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
       "dependencies": {
         "global-prefix": "^3.0.0"
       },
@@ -4881,6 +4815,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
       "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
       "dependencies": {
         "ini": "^1.3.5",
         "kind-of": "^6.0.2",
@@ -4894,6 +4829,7 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
       "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -4935,21 +4871,8 @@
     "node_modules/globjoin": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM="
-    },
-    "node_modules/gonzales-pe": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
-      "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==",
-      "dependencies": {
-        "minimist": "^1.2.5"
-      },
-      "bin": {
-        "gonzales": "bin/gonzales.js"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
     },
     "node_modules/graceful-fs": {
       "version": "4.2.8",
@@ -4983,6 +4906,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
       "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -5057,6 +4981,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz",
       "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==",
+      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -5068,78 +4993,11 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
       "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-      "dependencies": {
-        "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"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/dom-serializer": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
-      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "entities": "^2.0.0"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/dom-serializer/node_modules/domelementtype": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/htmlparser2/node_modules/dom-serializer/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
-    },
-    "node_modules/htmlparser2/node_modules/domhandler": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-      "dependencies": {
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/domutils": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-      "dependencies": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/entities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
-    },
     "node_modules/http-errors": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
@@ -5226,9 +5084,9 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.1.8",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-      "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.9.tgz",
+      "integrity": "sha512-2zeMQpbKz5dhZ9IwL0gbxSW5w0NK/MSAMtNuhgIHEPmaU3vPdKPL0UdvUCXs5SS4JAwsBxysK5sFMW8ocFiVjQ==",
       "engines": {
         "node": ">= 4"
       }
@@ -5246,6 +5104,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -5261,6 +5120,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
       "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5284,6 +5144,7 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true,
       "engines": {
         "node": ">=0.8.19"
       }
@@ -5292,6 +5153,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5319,7 +5181,8 @@
     "node_modules/ini": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
     },
     "node_modules/interpret": {
       "version": "2.2.0",
@@ -5337,32 +5200,11 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-alphabetical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
-      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/is-alphanumerical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
-      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
-      "dependencies": {
-        "is-alphabetical": "^1.0.0",
-        "is-decimal": "^1.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
@@ -5375,28 +5217,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-buffer": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
-      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/is-core-module": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
@@ -5408,15 +5228,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-decimal": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
-      "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -5444,6 +5255,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5459,15 +5271,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-hexadecimal": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
-      "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -5515,14 +5318,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/is-plain-obj": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
-      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-plain-object": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
@@ -5538,6 +5333,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
       "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -5561,18 +5357,8 @@
     "node_modules/is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
-    },
-    "node_modules/is-unicode-supported": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true
     },
     "node_modules/is-wsl": {
       "version": "1.1.0",
@@ -5670,6 +5456,7 @@
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
       "dependencies": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -5703,7 +5490,8 @@
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
     },
     "node_modules/json-schema": {
       "version": "0.2.3",
@@ -5719,7 +5507,8 @@
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE="
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
     },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
@@ -6204,14 +5993,16 @@
       }
     },
     "node_modules/known-css-properties": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.21.0.tgz",
-      "integrity": "sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw=="
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.23.0.tgz",
+      "integrity": "sha512-h9ivI88e1lFNmTT4HovBN33Ysn0OIJG7IPG2mkpx2uniQXFWqo35QdiX7w0TovlUFXfW8aPFblP5/q0jlOr2sA==",
+      "dev": true
     },
     "node_modules/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,
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -6237,7 +6028,8 @@
     "node_modules/lines-and-columns": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
-      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA="
+      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
+      "dev": true
     },
     "node_modules/loader-runner": {
       "version": "4.2.0",
@@ -6321,12 +6113,8 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -6353,97 +6141,20 @@
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
     },
     "node_modules/lodash.truncate": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM="
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
     },
     "node_modules/lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
       "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M="
     },
-    "node_modules/log-symbols": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "is-unicode-supported": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-symbols/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/log-symbols/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/log-symbols/node_modules/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==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/log-symbols/node_modules/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=="
-    },
-    "node_modules/log-symbols/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/log-symbols/node_modules/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==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/log4js": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.3.0.tgz",
@@ -6466,15 +6177,6 @@
       "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==",
       "dev": true
     },
-    "node_modules/longest-streak": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz",
-      "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -6504,6 +6206,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
       "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -6515,53 +6218,12 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
       "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/mdast-util-from-markdown": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz",
-      "integrity": "sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==",
-      "dependencies": {
-        "@types/mdast": "^3.0.0",
-        "mdast-util-to-string": "^2.0.0",
-        "micromark": "~2.11.0",
-        "parse-entities": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-markdown": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz",
-      "integrity": "sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "longest-streak": "^2.0.0",
-        "mdast-util-to-string": "^2.0.0",
-        "parse-entities": "^2.0.0",
-        "repeat-string": "^1.0.0",
-        "zwitch": "^1.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/mdast-util-to-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz",
-      "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -6580,6 +6242,7 @@
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
       "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
       "dependencies": {
         "@types/minimist": "^1.2.0",
         "camelcase-keys": "^6.2.2",
@@ -6605,6 +6268,7 @@
       "version": "0.18.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
       "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -6625,25 +6289,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/micromark": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz",
-      "integrity": "sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==",
-      "funding": [
-        {
-          "type": "GitHub Sponsors",
-          "url": "https://github.com/sponsors/unifiedjs"
-        },
-        {
-          "type": "OpenCollective",
-          "url": "https://opencollective.com/unified"
-        }
-      ],
-      "dependencies": {
-        "debug": "^4.0.0",
-        "parse-entities": "^2.0.0"
-      }
-    },
     "node_modules/micromatch": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
@@ -6696,6 +6341,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -6755,6 +6401,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
       "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
       "dependencies": {
         "arrify": "^1.0.1",
         "is-plain-obj": "^1.1.0",
@@ -6768,6 +6415,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
       "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6802,7 +6450,8 @@
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc="
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
     },
     "node_modules/negotiator": {
       "version": "0.6.2",
@@ -6840,6 +6489,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
       "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
       "dependencies": {
         "hosted-git-info": "^4.0.1",
         "is-core-module": "^2.5.0",
@@ -6854,6 +6504,7 @@
       "version": "7.3.5",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
       "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -6872,18 +6523,11 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/normalize-selector": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
-      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM="
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
     },
     "node_modules/normalize-url": {
       "version": "6.1.0",
@@ -6918,11 +6562,6 @@
         "url": "https://github.com/fb55/nth-check?sponsor=1"
       }
     },
-    "node_modules/num2fraction": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
-      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4="
-    },
     "node_modules/oauth-sign": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
@@ -7021,6 +6660,7 @@
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
       "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -7078,6 +6718,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -7085,27 +6726,11 @@
         "node": ">=6"
       }
     },
-    "node_modules/parse-entities": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
-      "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
-      "dependencies": {
-        "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"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -7375,62 +7000,11 @@
         "postcss": "^8.2.15"
       }
     },
-    "node_modules/postcss-html": {
-      "version": "0.36.0",
-      "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz",
-      "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==",
-      "dependencies": {
-        "htmlparser2": "^3.10.0"
-      },
-      "peerDependencies": {
-        "postcss": ">=5.0.0",
-        "postcss-syntax": ">=0.36.0"
-      }
-    },
-    "node_modules/postcss-less": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz",
-      "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==",
-      "dependencies": {
-        "postcss": "^7.0.14"
-      },
-      "engines": {
-        "node": ">=6.14.4"
-      }
-    },
-    "node_modules/postcss-less/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/postcss-less/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-less/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ="
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
     },
     "node_modules/postcss-merge-longhand": {
       "version": "5.0.2",
@@ -7761,124 +7335,39 @@
     "node_modules/postcss-resolve-nested-selector": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4="
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
     },
     "node_modules/postcss-safe-parser": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
-      "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==",
-      "dependencies": {
-        "postcss": "^7.0.26"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-safe-parser/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/postcss-safe-parser/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-safe-parser/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/postcss-sass": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz",
-      "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==",
-      "dependencies": {
-        "gonzales-pe": "^4.3.0",
-        "postcss": "^7.0.21"
-      }
-    },
-    "node_modules/postcss-sass/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/postcss-sass/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
       },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-sass/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "postcss": "^8.3.3"
       }
     },
     "node_modules/postcss-scss": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
-      "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
-      "dependencies": {
-        "postcss": "^7.0.6"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/postcss-scss/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/postcss-scss/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.2.tgz",
+      "integrity": "sha512-xfdkU128CkKKKVAwkyt0M8OdnelJ3MRcIRAPPQkRpoPeuzWY3RIeg7piRCpZ79MK7Q16diLXMMAD9dN5mauPlQ==",
+      "dev": true,
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/postcss-scss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
       }
     },
     "node_modules/postcss-selector-parser": {
@@ -7908,14 +7397,6 @@
         "postcss": "^8.2.15"
       }
     },
-    "node_modules/postcss-syntax": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
-      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "peerDependencies": {
-        "postcss": ">=5.0.0"
-      }
-    },
     "node_modules/postcss-unique-selectors": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz",
@@ -7941,6 +7422,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -7967,6 +7449,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
       "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -8026,6 +7509,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
       "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -8066,6 +7550,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
       "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
       "dependencies": {
         "@types/normalize-package-data": "^2.4.0",
         "normalize-package-data": "^2.5.0",
@@ -8080,6 +7565,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
       "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
       "dependencies": {
         "find-up": "^4.1.0",
         "read-pkg": "^5.2.0",
@@ -8096,6 +7582,7 @@
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -8103,12 +7590,14 @@
     "node_modules/read-pkg/node_modules/hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
     },
     "node_modules/read-pkg/node_modules/normalize-package-data": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
       "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
       "dependencies": {
         "hosted-git-info": "^2.1.4",
         "resolve": "^1.10.0",
@@ -8120,6 +7609,7 @@
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "dev": true,
       "bin": {
         "semver": "bin/semver"
       }
@@ -8128,23 +7618,11 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
       "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -8171,6 +7649,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
       "dependencies": {
         "indent-string": "^4.0.0",
         "strip-indent": "^3.0.0"
@@ -8212,6 +7691,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
       "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -8259,52 +7739,6 @@
         "jsesc": "bin/jsesc"
       }
     },
-    "node_modules/remark": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz",
-      "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==",
-      "dependencies": {
-        "remark-parse": "^9.0.0",
-        "remark-stringify": "^9.0.0",
-        "unified": "^9.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-parse": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz",
-      "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==",
-      "dependencies": {
-        "mdast-util-from-markdown": "^0.8.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/remark-stringify": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.1.tgz",
-      "integrity": "sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==",
-      "dependencies": {
-        "mdast-util-to-markdown": "^0.6.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/repeat-string": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
-      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/request": {
       "version": "2.88.2",
       "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
@@ -8359,6 +7793,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8410,6 +7845,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -8862,6 +8298,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
       "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "astral-regex": "^2.0.0",
@@ -8878,6 +8315,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -8892,6 +8330,7 @@
       "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,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -8902,7 +8341,8 @@
     "node_modules/slice-ansi/node_modules/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=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/socket.io": {
       "version": "2.4.0",
@@ -9054,6 +8494,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
       "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
       "dependencies": {
         "spdx-expression-parse": "^3.0.0",
         "spdx-license-ids": "^3.0.0"
@@ -9062,12 +8503,14 @@
     "node_modules/spdx-exceptions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A=="
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
     },
     "node_modules/spdx-expression-parse": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
       "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
       "dependencies": {
         "spdx-exceptions": "^2.1.0",
         "spdx-license-ids": "^3.0.0"
@@ -9076,12 +8519,14 @@
     "node_modules/spdx-license-ids": {
       "version": "3.0.10",
       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.10.tgz",
-      "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA=="
+      "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA==",
+      "dev": true
     },
     "node_modules/specificity": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
       "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
       "bin": {
         "specificity": "bin/specificity"
       }
@@ -9089,7 +8534,8 @@
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
     },
     "node_modules/sshpk": {
       "version": "1.16.1",
@@ -9198,37 +8644,11 @@
         "graceful-fs": "^4.1.6"
       }
     },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/string_decoder/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -9242,6 +8662,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -9261,6 +8682,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
       "dependencies": {
         "min-indent": "^1.0.0"
       },
@@ -9272,6 +8694,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -9297,7 +8720,8 @@
     "node_modules/style-search": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI="
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
     },
     "node_modules/stylehacks": {
       "version": "5.0.1",
@@ -9315,88 +8739,130 @@
       }
     },
     "node_modules/stylelint": {
-      "version": "13.13.1",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.13.1.tgz",
-      "integrity": "sha512-Mv+BQr5XTUrKqAXmpqm6Ddli6Ief+AiPZkRsIrAoUKFuq/ElkUh9ZMYxXD0iQNZ5ADghZKLOWz1h7hTClB7zgQ==",
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.1.0.tgz",
+      "integrity": "sha512-IedkssuNVA11+v++2PIV2OHOU5A3SfRcXVi56vZVSsMhGrgtwmmit69jeM+08/Tun5DTBe7BuH1Zp1mMLmtKLA==",
+      "dev": true,
       "dependencies": {
-        "@stylelint/postcss-css-in-js": "^0.37.2",
-        "@stylelint/postcss-markdown": "^0.36.2",
-        "autoprefixer": "^9.8.6",
         "balanced-match": "^2.0.0",
-        "chalk": "^4.1.1",
-        "cosmiconfig": "^7.0.0",
-        "debug": "^4.3.1",
+        "cosmiconfig": "^7.0.1",
+        "debug": "^4.3.2",
         "execall": "^2.0.0",
-        "fast-glob": "^3.2.5",
+        "fast-glob": "^3.2.7",
         "fastest-levenshtein": "^1.0.12",
         "file-entry-cache": "^6.0.1",
         "get-stdin": "^8.0.0",
         "global-modules": "^2.0.0",
-        "globby": "^11.0.3",
+        "globby": "^11.0.4",
         "globjoin": "^0.1.4",
         "html-tags": "^3.1.0",
-        "ignore": "^5.1.8",
+        "ignore": "^5.1.9",
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
-        "known-css-properties": "^0.21.0",
-        "lodash": "^4.17.21",
-        "log-symbols": "^4.1.0",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.23.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.4",
+        "normalize-path": "^3.0.0",
         "normalize-selector": "^0.2.0",
-        "postcss": "^7.0.35",
-        "postcss-html": "^0.36.0",
-        "postcss-less": "^3.1.4",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.3.11",
         "postcss-media-query-parser": "^0.2.3",
         "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^4.0.2",
-        "postcss-sass": "^0.4.4",
-        "postcss-scss": "^2.1.1",
-        "postcss-selector-parser": "^6.0.5",
-        "postcss-syntax": "^0.36.2",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.6",
         "postcss-value-parser": "^4.1.0",
         "resolve-from": "^5.0.0",
-        "slash": "^3.0.0",
         "specificity": "^0.4.1",
-        "string-width": "^4.2.2",
-        "strip-ansi": "^6.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
         "style-search": "^0.1.0",
-        "sugarss": "^2.0.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.6.0",
+        "table": "^6.7.3",
         "v8-compile-cache": "^2.3.0",
         "write-file-atomic": "^3.0.3"
       },
       "bin": {
         "stylelint": "bin/stylelint.js"
       },
-      "engines": {
-        "node": ">=10.13.0"
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz",
+      "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-recommended-scss": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz",
+      "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-scss": "^4.0.2",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-scss": "^4.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "23.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-23.0.0.tgz",
+      "integrity": "sha512-8PDlk+nWuc1T66nVaODTdVodN0pjuE5TBlopi39Lt9EM36YJsRhqttMyUhnS78oc/59Q6n8iw2GJB4QcoFqtRg==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^6.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/stylelint"
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
       }
     },
-    "node_modules/stylelint/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/stylelint-config-standard-scss": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-2.0.1.tgz",
+      "integrity": "sha512-TW5NLquUSS0mg2N31zzaSbYRbV/CMifSVLdpgo6VdGvjysgYqJOcKM/5bmXucTOsdfqomcPXetFZ3adC7nD+cg==",
+      "dev": true,
       "dependencies": {
-        "color-convert": "^2.0.1"
+        "stylelint-config-recommended-scss": "^5.0.0",
+        "stylelint-config-standard": "^23.0.0"
       },
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-scss": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.0.0.tgz",
+      "integrity": "sha512-lIRhPqtI6I065EJ6aI4mWKsmQt8Krnu6aF9XSL9s8Nd2f/cDKImST0T9TfjnUul3ReKYWozkG9dlpNTZH2FB9w==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.15",
+        "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"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
       }
     },
     "node_modules/stylelint/node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -9404,43 +8870,14 @@
     "node_modules/stylelint/node_modules/balanced-match": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA=="
-    },
-    "node_modules/stylelint/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/stylelint/node_modules/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==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/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=="
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
     },
     "node_modules/stylelint/node_modules/globby": {
       "version": "11.0.4",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
       "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "dev": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -9456,99 +8893,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/stylelint/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/stylelint/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/stylelint/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
+    "node_modules/stylelint/node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
       "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
+        "node": ">=0.10.0"
       }
     },
     "node_modules/stylelint/node_modules/resolve-from": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/stylelint/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/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==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/sugarss": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz",
-      "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==",
-      "dependencies": {
-        "postcss": "^7.0.2"
-      }
-    },
-    "node_modules/sugarss/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/sugarss/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/sugarss/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -9563,7 +8925,8 @@
     "node_modules/svg-tags": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q="
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
     },
     "node_modules/svgo": {
       "version": "2.7.0",
@@ -9595,12 +8958,12 @@
       }
     },
     "node_modules/table": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.7.2.tgz",
-      "integrity": "sha512-UFZK67uvyNivLeQbVtkiUs8Uuuxv24aSL4/Vil2PJVtMgU8Lx0CYkP12uCGa3kjyQzOSgV1+z9Wkb82fCGsO0g==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.7.3.tgz",
+      "integrity": "sha512-5DkIxeA7XERBqMwJq0aHZOdMadBx4e6eDoFRuyT5VR82J0Ycg2DwM6GfA/EQAhJ+toRTaS1lIdSQCqgrmhPnlw==",
+      "dev": true,
       "dependencies": {
         "ajv": "^8.0.1",
-        "lodash.clonedeep": "^4.5.0",
         "lodash.truncate": "^4.4.2",
         "slice-ansi": "^4.0.0",
         "string-width": "^4.2.3",
@@ -9614,6 +8977,7 @@
       "version": "8.6.3",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
       "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -9628,7 +8992,8 @@
     "node_modules/table/node_modules/json-schema-traverse": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
     },
     "node_modules/tapable": {
       "version": "2.2.1",
@@ -9743,7 +9108,8 @@
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
     },
     "node_modules/tfunk": {
       "version": "4.0.0",
@@ -9975,19 +9341,11 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
       "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/trough": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
-      "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
     "node_modules/tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -10015,6 +9373,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -10035,6 +9394,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -10059,6 +9419,7 @@
       "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,
       "dependencies": {
         "is-typedarray": "^1.0.0"
       }
@@ -10118,61 +9479,11 @@
         "node": ">=4"
       }
     },
-    "node_modules/unified": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz",
-      "integrity": "sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==",
-      "dependencies": {
-        "bail": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-buffer": "^2.0.0",
-        "is-plain-obj": "^2.0.0",
-        "trough": "^1.0.0",
-        "vfile": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/uniqs": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
       "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI="
     },
-    "node_modules/unist-util-find-all-after": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz",
-      "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==",
-      "dependencies": {
-        "unist-util-is": "^4.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/unist-util-stringify-position": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
-      "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
-      "dependencies": {
-        "@types/unist": "^2.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/universalify": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -10232,6 +9543,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
       "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
       "dependencies": {
         "spdx-correct": "^3.0.0",
         "spdx-expression-parse": "^3.0.0"
@@ -10269,34 +9581,6 @@
         "extsprintf": "^1.2.0"
       }
     },
-    "node_modules/vfile": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
-      "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "is-buffer": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0",
-        "vfile-message": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/vfile-message": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
-      "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
-      "dependencies": {
-        "@types/unist": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/void-elements": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
@@ -10521,6 +9805,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
       "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10584,6 +9869,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
       "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "is-typedarray": "^1.0.0",
@@ -10669,6 +9955,7 @@
       "version": "20.2.9",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
       "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -10766,15 +10053,6 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
-    },
-    "node_modules/zwitch": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
-      "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
     }
   },
   "dependencies": {
@@ -11746,6 +11024,7 @@
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
       "integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+      "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.1.1",
@@ -11762,6 +11041,7 @@
           "version": "13.11.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
           "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+          "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
           }
@@ -11769,7 +11049,8 @@
         "ignore": {
           "version": "4.0.6",
           "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
         }
       }
     },
@@ -11777,6 +11058,7 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
       "integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+      "dev": true,
       "requires": {
         "@humanwhocodes/object-schema": "^1.2.0",
         "debug": "^4.1.1",
@@ -11786,7 +11068,8 @@
     "@humanwhocodes/object-schema": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz",
-      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w=="
+      "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
+      "dev": true
     },
     "@mozilla-protocol/core": {
       "version": "16.0.0",
@@ -11908,23 +11191,6 @@
       "integrity": "sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ==",
       "dev": true
     },
-    "@stylelint/postcss-css-in-js": {
-      "version": "0.37.2",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz",
-      "integrity": "sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==",
-      "requires": {
-        "@babel/core": ">=7.9.0"
-      }
-    },
-    "@stylelint/postcss-markdown": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz",
-      "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==",
-      "requires": {
-        "remark": "^13.0.0",
-        "unist-util-find-all-after": "^3.0.2"
-      }
-    },
     "@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -11985,14 +11251,6 @@
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
     },
-    "@types/mdast": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
-      "integrity": "sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==",
-      "requires": {
-        "@types/unist": "*"
-      }
-    },
     "@types/minimatch": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
@@ -12001,7 +11259,8 @@
     "@types/minimist": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ=="
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
     },
     "@types/node": {
       "version": "16.11.2",
@@ -12011,12 +11270,14 @@
     "@types/normalize-package-data": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw=="
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
     },
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
     },
     "@types/source-list-map": {
       "version": "0.1.2",
@@ -12043,11 +11304,6 @@
         }
       }
     },
-    "@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=="
-    },
     "@types/webpack": {
       "version": "4.41.31",
       "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.31.tgz",
@@ -12271,6 +11527,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
       "requires": {}
     },
     "after": {
@@ -12304,12 +11561,14 @@
     "ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA=="
+      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true
     },
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true
     },
     "ansi-styles": {
       "version": "3.2.1",
@@ -12332,6 +11591,7 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
       "requires": {
         "sprintf-js": "~1.0.2"
       }
@@ -12358,7 +11618,8 @@
     "arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0="
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true
     },
     "asn1": {
       "version": "0.2.4",
@@ -12378,7 +11639,8 @@
     "astral-regex": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ=="
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true
     },
     "async": {
       "version": "1.5.2",
@@ -12398,41 +11660,6 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
-    "autoprefixer": {
-      "version": "9.8.8",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
-      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
-      "requires": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
-        "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "picocolors": "^0.2.1",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
-      }
-    },
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
@@ -12506,11 +11733,6 @@
       "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
       "dev": true
     },
-    "bail": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
-      "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ=="
-    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -12779,17 +12001,20 @@
     "callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true
     },
     "camelcase": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true
     },
     "camelcase-keys": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
       "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
       "requires": {
         "camelcase": "^5.3.1",
         "map-obj": "^4.0.0",
@@ -12828,21 +12053,6 @@
         "supports-color": "^5.3.0"
       }
     },
-    "character-entities": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
-      "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
-    },
-    "character-entities-legacy": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
-      "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
-    },
-    "character-reference-invalid": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
-      "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
-    },
     "chokidar": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.2.tgz",
@@ -12907,6 +12117,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
       "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
       "requires": {
         "is-regexp": "^2.0.0"
       }
@@ -13227,6 +12438,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
       "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
       "requires": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -13459,12 +12671,14 @@
     "decamelize": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA="
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
     },
     "decamelize-keys": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
       "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
       "requires": {
         "decamelize": "^1.1.0",
         "map-obj": "^1.0.0"
@@ -13473,14 +12687,16 @@
         "map-obj": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0="
+          "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+          "dev": true
         }
       }
     },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
     },
     "define-properties": {
       "version": "1.1.3",
@@ -13558,6 +12774,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
       "requires": {
         "esutils": "^2.0.2"
       }
@@ -13649,7 +12866,8 @@
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "emojis-list": {
       "version": "3.0.0",
@@ -13749,6 +12967,7 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
       "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
       "requires": {
         "ansi-colors": "^4.1.1"
       }
@@ -13773,6 +12992,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
       "requires": {
         "is-arrayish": "^0.2.1"
       }
@@ -13802,6 +13022,7 @@
       "version": "7.32.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
       "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+      "dev": true,
       "requires": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.3",
@@ -13849,6 +13070,7 @@
           "version": "7.12.11",
           "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
           "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+          "dev": true,
           "requires": {
             "@babel/highlight": "^7.10.4"
           }
@@ -13857,6 +13079,7 @@
           "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"
           }
@@ -13865,6 +13088,7 @@
           "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"
@@ -13874,6 +13098,7 @@
           "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"
           }
@@ -13881,17 +13106,20 @@
         "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=="
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
         },
         "escape-string-regexp": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+          "dev": true
         },
         "glob-parent": {
           "version": "5.1.2",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
           "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
           "requires": {
             "is-glob": "^4.0.1"
           }
@@ -13900,6 +13128,7 @@
           "version": "13.11.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz",
           "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==",
+          "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
           }
@@ -13907,17 +13136,20 @@
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
         },
         "ignore": {
           "version": "4.0.6",
           "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
         },
         "semver": {
           "version": "7.3.5",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
           "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
           }
@@ -13926,6 +13158,7 @@
           "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"
           }
@@ -13962,6 +13195,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
       "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
       "requires": {
         "eslint-visitor-keys": "^1.1.0"
       },
@@ -13969,19 +13203,22 @@
         "eslint-visitor-keys": {
           "version": "1.3.0",
           "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ=="
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
         }
       }
     },
     "eslint-visitor-keys": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw=="
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true
     },
     "espree": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
       "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+      "dev": true,
       "requires": {
         "acorn": "^7.4.0",
         "acorn-jsx": "^5.3.1",
@@ -13991,19 +13228,22 @@
         "eslint-visitor-keys": {
           "version": "1.3.0",
           "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ=="
+          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+          "dev": true
         }
       }
     },
     "esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
     },
     "esquery": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
       "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "dev": true,
       "requires": {
         "estraverse": "^5.1.0"
       },
@@ -14011,7 +13251,8 @@
         "estraverse": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
-          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ=="
+          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+          "dev": true
         }
       }
     },
@@ -14077,6 +13318,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
       "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
       "requires": {
         "clone-regexp": "^2.1.0"
       }
@@ -14084,7 +13326,8 @@
     "extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true
     },
     "extsprintf": {
       "version": "1.3.0",
@@ -14127,7 +13370,8 @@
     "fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
     },
     "fastest-levenshtein": {
       "version": "1.0.12",
@@ -14146,6 +13390,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
       "requires": {
         "flat-cache": "^3.0.4"
       }
@@ -14213,6 +13458,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
       "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
       "requires": {
         "flatted": "^3.1.0",
         "rimraf": "^3.0.2"
@@ -14222,6 +13468,7 @@
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
           "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+          "dev": true,
           "requires": {
             "glob": "^7.1.3"
           }
@@ -14231,7 +13478,8 @@
     "flatted": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.2.tgz",
-      "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA=="
+      "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==",
+      "dev": true
     },
     "follow-redirects": {
       "version": "1.14.4",
@@ -14292,7 +13540,8 @@
     "functional-red-black-tree": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
-      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
     },
     "gensync": {
       "version": "1.0.0-beta.2",
@@ -14318,7 +13567,8 @@
     "get-stdin": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
-      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg=="
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true
     },
     "get-stream": {
       "version": "6.0.1",
@@ -14364,6 +13614,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
       "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
       "requires": {
         "global-prefix": "^3.0.0"
       }
@@ -14372,6 +13623,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
       "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
       "requires": {
         "ini": "^1.3.5",
         "kind-of": "^6.0.2",
@@ -14382,6 +13634,7 @@
           "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"
           }
@@ -14415,15 +13668,8 @@
     "globjoin": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM="
-    },
-    "gonzales-pe": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz",
-      "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==",
-      "requires": {
-        "minimist": "^1.2.5"
-      }
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
     },
     "graceful-fs": {
       "version": "4.2.8",
@@ -14449,7 +13695,8 @@
     "hard-rejection": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
-      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA=="
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true
     },
     "has": {
       "version": "1.0.3",
@@ -14505,6 +13752,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz",
       "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==",
+      "dev": true,
       "requires": {
         "lru-cache": "^6.0.0"
       }
@@ -14512,70 +13760,8 @@
     "html-tags": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
-      "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg=="
-    },
-    "htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-      "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"
-      },
-      "dependencies": {
-        "dom-serializer": {
-          "version": "0.2.2",
-          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
-          "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
-          "requires": {
-            "domelementtype": "^2.0.1",
-            "entities": "^2.0.0"
-          },
-          "dependencies": {
-            "domelementtype": {
-              "version": "2.2.0",
-              "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
-              "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
-            },
-            "entities": {
-              "version": "2.2.0",
-              "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-              "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
-            }
-          }
-        },
-        "domelementtype": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-          "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
-        },
-        "domhandler": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-          "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-          "requires": {
-            "domelementtype": "1"
-          }
-        },
-        "domutils": {
-          "version": "1.7.0",
-          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-          "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=="
-        }
-      }
+      "integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
+      "dev": true
     },
     "http-errors": {
       "version": "1.7.3",
@@ -14641,9 +13827,9 @@
       "requires": {}
     },
     "ignore": {
-      "version": "5.1.8",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz",
-      "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw=="
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.9.tgz",
+      "integrity": "sha512-2zeMQpbKz5dhZ9IwL0gbxSW5w0NK/MSAMtNuhgIHEPmaU3vPdKPL0UdvUCXs5SS4JAwsBxysK5sFMW8ocFiVjQ=="
     },
     "immutable": {
       "version": "3.8.2",
@@ -14655,6 +13841,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
       "requires": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -14663,7 +13850,8 @@
     "import-lazy": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw=="
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true
     },
     "import-local": {
       "version": "3.0.3",
@@ -14677,12 +13865,14 @@
     "imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o="
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
     },
     "indent-string": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg=="
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true
     },
     "indexof": {
       "version": "0.0.1",
@@ -14707,7 +13897,8 @@
     "ini": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
     },
     "interpret": {
       "version": "2.2.0",
@@ -14719,24 +13910,11 @@
       "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
       "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q=="
     },
-    "is-alphabetical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
-      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
-    },
-    "is-alphanumerical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
-      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
-      "requires": {
-        "is-alphabetical": "^1.0.0",
-        "is-decimal": "^1.0.0"
-      }
-    },
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
     },
     "is-binary-path": {
       "version": "2.1.0",
@@ -14746,11 +13924,6 @@
         "binary-extensions": "^2.0.0"
       }
     },
-    "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-core-module": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
@@ -14759,11 +13932,6 @@
         "has": "^1.0.3"
       }
     },
-    "is-decimal": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
-      "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
-    },
     "is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -14778,7 +13946,8 @@
     "is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true
     },
     "is-glob": {
       "version": "4.0.3",
@@ -14788,11 +13957,6 @@
         "is-extglob": "^2.1.1"
       }
     },
-    "is-hexadecimal": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
-      "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
-    },
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -14828,11 +13992,6 @@
         "path-is-inside": "^1.0.2"
       }
     },
-    "is-plain-obj": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
-      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA=="
-    },
     "is-plain-object": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
@@ -14844,7 +14003,8 @@
     "is-regexp": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
-      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA=="
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true
     },
     "is-resolvable": {
       "version": "1.1.0",
@@ -14859,12 +14019,8 @@
     "is-typedarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
-    },
-    "is-unicode-supported": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw=="
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true
     },
     "is-wsl": {
       "version": "1.1.0",
@@ -14940,6 +14096,7 @@
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
       "requires": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -14964,7 +14121,8 @@
     "json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
     },
     "json-schema": {
       "version": "0.2.3",
@@ -14980,7 +14138,8 @@
     "json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE="
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
     },
     "json-stringify-safe": {
       "version": "5.0.1",
@@ -15360,14 +14519,16 @@
       "integrity": "sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA=="
     },
     "known-css-properties": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.21.0.tgz",
-      "integrity": "sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw=="
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.23.0.tgz",
+      "integrity": "sha512-h9ivI88e1lFNmTT4HovBN33Ysn0OIJG7IPG2mkpx2uniQXFWqo35QdiX7w0TovlUFXfW8aPFblP5/q0jlOr2sA==",
+      "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"
@@ -15387,7 +14548,8 @@
     "lines-and-columns": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
-      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA="
+      "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
+      "dev": true
     },
     "loader-runner": {
       "version": "4.2.0",
@@ -15454,12 +14616,8 @@
     "lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "lodash.clonedeep": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "lodash.debounce": {
       "version": "4.0.8",
@@ -15486,72 +14644,20 @@
     "lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
     },
     "lodash.truncate": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM="
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
     },
     "lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
       "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M="
     },
-    "log-symbols": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-      "requires": {
-        "chalk": "^4.1.0",
-        "is-unicode-supported": "^0.1.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==",
-          "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==",
-          "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==",
-          "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=="
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "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==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "log4js": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.3.0.tgz",
@@ -15573,11 +14679,6 @@
         }
       }
     },
-    "longest-streak": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz",
-      "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg=="
-    },
     "lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -15597,42 +14698,14 @@
     "map-obj": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ=="
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true
     },
     "mathml-tag-names": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg=="
-    },
-    "mdast-util-from-markdown": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz",
-      "integrity": "sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==",
-      "requires": {
-        "@types/mdast": "^3.0.0",
-        "mdast-util-to-string": "^2.0.0",
-        "micromark": "~2.11.0",
-        "parse-entities": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
-      }
-    },
-    "mdast-util-to-markdown": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz",
-      "integrity": "sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==",
-      "requires": {
-        "@types/unist": "^2.0.0",
-        "longest-streak": "^2.0.0",
-        "mdast-util-to-string": "^2.0.0",
-        "parse-entities": "^2.0.0",
-        "repeat-string": "^1.0.0",
-        "zwitch": "^1.0.0"
-      }
-    },
-    "mdast-util-to-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz",
-      "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w=="
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true
     },
     "mdn-data": {
       "version": "2.0.14",
@@ -15649,6 +14722,7 @@
       "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",
@@ -15667,7 +14741,8 @@
         "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=="
+          "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+          "dev": true
         }
       }
     },
@@ -15681,15 +14756,6 @@
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
     },
-    "micromark": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz",
-      "integrity": "sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==",
-      "requires": {
-        "debug": "^4.0.0",
-        "parse-entities": "^2.0.0"
-      }
-    },
     "micromatch": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
@@ -15726,7 +14792,8 @@
     "min-indent": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg=="
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true
     },
     "mini-css-extract-plugin": {
       "version": "2.2.0",
@@ -15765,6 +14832,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
       "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
       "requires": {
         "arrify": "^1.0.1",
         "is-plain-obj": "^1.1.0",
@@ -15774,7 +14842,8 @@
         "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="
+          "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+          "dev": true
         }
       }
     },
@@ -15802,7 +14871,8 @@
     "natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc="
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
     },
     "negotiator": {
       "version": "0.6.2",
@@ -15837,6 +14907,7 @@
       "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",
@@ -15848,6 +14919,7 @@
           "version": "7.3.5",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
           "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
           "requires": {
             "lru-cache": "^6.0.0"
           }
@@ -15859,15 +14931,11 @@
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
     },
-    "normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI="
-    },
     "normalize-selector": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
-      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM="
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
     },
     "normalize-url": {
       "version": "6.1.0",
@@ -15890,11 +14958,6 @@
         "boolbase": "^1.0.0"
       }
     },
-    "num2fraction": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
-      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4="
-    },
     "oauth-sign": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
@@ -15966,6 +15029,7 @@
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
       "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
       "requires": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -16005,27 +15069,16 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "requires": {
         "callsites": "^3.0.0"
       }
     },
-    "parse-entities": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
-      "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
-      "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"
-      }
-    },
     "parse-json": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
       "requires": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -16212,47 +15265,11 @@
       "integrity": "sha512-Y28H7y93L2BpJhrdUR2SR2fnSsT+3TVx1NmVQLbcnZWwIUpJ7mfcTC6Za9M2PG6w8j7UQRfzxqn8jU2VwFxo3Q==",
       "requires": {}
     },
-    "postcss-html": {
-      "version": "0.36.0",
-      "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz",
-      "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==",
-      "requires": {
-        "htmlparser2": "^3.10.0"
-      }
-    },
-    "postcss-less": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz",
-      "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==",
-      "requires": {
-        "postcss": "^7.0.14"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
-      }
-    },
     "postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ="
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
     },
     "postcss-merge-longhand": {
       "version": "5.0.2",
@@ -16435,113 +15452,40 @@
     "postcss-reduce-initial": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-5.0.1.tgz",
-      "integrity": "sha512-zlCZPKLLTMAqA3ZWH57HlbCjkD55LX9dsRyxlls+wfuRfqCi5mSlZVan0heX5cHr154Dq9AfbH70LyhrSAezJw==",
-      "requires": {
-        "browserslist": "^4.16.0",
-        "caniuse-api": "^3.0.0"
-      }
-    },
-    "postcss-reduce-transforms": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.0.1.tgz",
-      "integrity": "sha512-a//FjoPeFkRuAguPscTVmRQUODP+f3ke2HqFNgGPwdYnpeC29RZdCBvGRGTsKpMURb/I3p6jdKoBQ2zI+9Q7kA==",
-      "requires": {
-        "cssnano-utils": "^2.0.1",
-        "postcss-value-parser": "^4.1.0"
-      }
-    },
-    "postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4="
-    },
-    "postcss-safe-parser": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
-      "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==",
-      "requires": {
-        "postcss": "^7.0.26"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
+      "integrity": "sha512-zlCZPKLLTMAqA3ZWH57HlbCjkD55LX9dsRyxlls+wfuRfqCi5mSlZVan0heX5cHr154Dq9AfbH70LyhrSAezJw==",
+      "requires": {
+        "browserslist": "^4.16.0",
+        "caniuse-api": "^3.0.0"
       }
     },
-    "postcss-sass": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz",
-      "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==",
+    "postcss-reduce-transforms": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.0.1.tgz",
+      "integrity": "sha512-a//FjoPeFkRuAguPscTVmRQUODP+f3ke2HqFNgGPwdYnpeC29RZdCBvGRGTsKpMURb/I3p6jdKoBQ2zI+9Q7kA==",
       "requires": {
-        "gonzales-pe": "^4.3.0",
-        "postcss": "^7.0.21"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
+        "cssnano-utils": "^2.0.1",
+        "postcss-value-parser": "^4.1.0"
       }
     },
+    "postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "requires": {}
+    },
     "postcss-scss": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz",
-      "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==",
-      "requires": {
-        "postcss": "^7.0.6"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
-      }
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.2.tgz",
+      "integrity": "sha512-xfdkU128CkKKKVAwkyt0M8OdnelJ3MRcIRAPPQkRpoPeuzWY3RIeg7piRCpZ79MK7Q16diLXMMAD9dN5mauPlQ==",
+      "dev": true,
+      "requires": {}
     },
     "postcss-selector-parser": {
       "version": "6.0.6",
@@ -16561,12 +15505,6 @@
         "svgo": "^2.3.0"
       }
     },
-    "postcss-syntax": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
-      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "requires": {}
-    },
     "postcss-unique-selectors": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz",
@@ -16585,7 +15523,8 @@
     "prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
     },
     "prettier": {
       "version": "2.4.1",
@@ -16602,7 +15541,8 @@
     "progress": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
     },
     "psl": {
       "version": "1.8.0",
@@ -16635,7 +15575,8 @@
     "quick-lru": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g=="
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true
     },
     "randombytes": {
       "version": "2.1.0",
@@ -16667,6 +15608,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
       "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
       "requires": {
         "@types/normalize-package-data": "^2.4.0",
         "normalize-package-data": "^2.5.0",
@@ -16677,12 +15619,14 @@
         "hosted-git-info": {
           "version": "2.8.9",
           "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-          "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
+          "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+          "dev": true
         },
         "normalize-package-data": {
           "version": "2.5.0",
           "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
           "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+          "dev": true,
           "requires": {
             "hosted-git-info": "^2.1.4",
             "resolve": "^1.10.0",
@@ -16693,12 +15637,14 @@
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
         },
         "type-fest": {
           "version": "0.6.0",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-          "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg=="
+          "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+          "dev": true
         }
       }
     },
@@ -16706,6 +15652,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
       "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
       "requires": {
         "find-up": "^4.1.0",
         "read-pkg": "^5.2.0",
@@ -16715,20 +15662,11 @@
         "type-fest": {
           "version": "0.8.1",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA=="
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
         }
       }
     },
-    "readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "requires": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      }
-    },
     "readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -16749,6 +15687,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
       "requires": {
         "indent-string": "^4.0.0",
         "strip-indent": "^3.0.0"
@@ -16783,7 +15722,8 @@
     "regexpp": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
-      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg=="
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true
     },
     "regexpu-core": {
       "version": "4.8.0",
@@ -16818,37 +15758,6 @@
         }
       }
     },
-    "remark": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz",
-      "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==",
-      "requires": {
-        "remark-parse": "^9.0.0",
-        "remark-stringify": "^9.0.0",
-        "unified": "^9.1.0"
-      }
-    },
-    "remark-parse": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz",
-      "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==",
-      "requires": {
-        "mdast-util-from-markdown": "^0.8.0"
-      }
-    },
-    "remark-stringify": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.1.tgz",
-      "integrity": "sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==",
-      "requires": {
-        "mdast-util-to-markdown": "^0.6.0"
-      }
-    },
-    "repeat-string": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
-      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc="
-    },
     "request": {
       "version": "2.88.2",
       "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
@@ -16894,7 +15803,8 @@
     "require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true
     },
     "require-main-filename": {
       "version": "2.0.0",
@@ -16935,7 +15845,8 @@
     "resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true
     },
     "resp-modifier": {
       "version": "6.0.2",
@@ -17283,6 +16194,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
       "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
       "requires": {
         "ansi-styles": "^4.0.0",
         "astral-regex": "^2.0.0",
@@ -17293,6 +16205,7 @@
           "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"
           }
@@ -17301,6 +16214,7 @@
           "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"
           }
@@ -17308,7 +16222,8 @@
         "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=="
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
         }
       }
     },
@@ -17460,6 +16375,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
       "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
       "requires": {
         "spdx-expression-parse": "^3.0.0",
         "spdx-license-ids": "^3.0.0"
@@ -17468,12 +16384,14 @@
     "spdx-exceptions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A=="
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
     },
     "spdx-expression-parse": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
       "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
       "requires": {
         "spdx-exceptions": "^2.1.0",
         "spdx-license-ids": "^3.0.0"
@@ -17482,17 +16400,20 @@
     "spdx-license-ids": {
       "version": "3.0.10",
       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.10.tgz",
-      "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA=="
+      "integrity": "sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA==",
+      "dev": true
     },
     "specificity": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
-      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg=="
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true
     },
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+      "dev": true
     },
     "sshpk": {
       "version": "1.16.1",
@@ -17579,25 +16500,11 @@
         }
       }
     },
-    "string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "requires": {
-        "safe-buffer": "~5.2.0"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.2.1",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-          "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
-        }
-      }
-    },
     "string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "requires": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -17608,6 +16515,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -17621,6 +16529,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
       "requires": {
         "min-indent": "^1.0.0"
       }
@@ -17628,7 +16537,8 @@
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
     },
     "style-loader": {
       "version": "3.2.1",
@@ -17639,7 +16549,8 @@
     "style-search": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI="
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
     },
     "stylehacks": {
       "version": "5.0.1",
@@ -17651,104 +16562,68 @@
       }
     },
     "stylelint": {
-      "version": "13.13.1",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.13.1.tgz",
-      "integrity": "sha512-Mv+BQr5XTUrKqAXmpqm6Ddli6Ief+AiPZkRsIrAoUKFuq/ElkUh9ZMYxXD0iQNZ5ADghZKLOWz1h7hTClB7zgQ==",
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.1.0.tgz",
+      "integrity": "sha512-IedkssuNVA11+v++2PIV2OHOU5A3SfRcXVi56vZVSsMhGrgtwmmit69jeM+08/Tun5DTBe7BuH1Zp1mMLmtKLA==",
+      "dev": true,
       "requires": {
-        "@stylelint/postcss-css-in-js": "^0.37.2",
-        "@stylelint/postcss-markdown": "^0.36.2",
-        "autoprefixer": "^9.8.6",
         "balanced-match": "^2.0.0",
-        "chalk": "^4.1.1",
-        "cosmiconfig": "^7.0.0",
-        "debug": "^4.3.1",
+        "cosmiconfig": "^7.0.1",
+        "debug": "^4.3.2",
         "execall": "^2.0.0",
-        "fast-glob": "^3.2.5",
+        "fast-glob": "^3.2.7",
         "fastest-levenshtein": "^1.0.12",
         "file-entry-cache": "^6.0.1",
         "get-stdin": "^8.0.0",
         "global-modules": "^2.0.0",
-        "globby": "^11.0.3",
+        "globby": "^11.0.4",
         "globjoin": "^0.1.4",
         "html-tags": "^3.1.0",
-        "ignore": "^5.1.8",
+        "ignore": "^5.1.9",
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
-        "known-css-properties": "^0.21.0",
-        "lodash": "^4.17.21",
-        "log-symbols": "^4.1.0",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.23.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.4",
+        "normalize-path": "^3.0.0",
         "normalize-selector": "^0.2.0",
-        "postcss": "^7.0.35",
-        "postcss-html": "^0.36.0",
-        "postcss-less": "^3.1.4",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.3.11",
         "postcss-media-query-parser": "^0.2.3",
         "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^4.0.2",
-        "postcss-sass": "^0.4.4",
-        "postcss-scss": "^2.1.1",
-        "postcss-selector-parser": "^6.0.5",
-        "postcss-syntax": "^0.36.2",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.6",
         "postcss-value-parser": "^4.1.0",
         "resolve-from": "^5.0.0",
-        "slash": "^3.0.0",
         "specificity": "^0.4.1",
-        "string-width": "^4.2.2",
-        "strip-ansi": "^6.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
         "style-search": "^0.1.0",
-        "sugarss": "^2.0.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.6.0",
+        "table": "^6.7.3",
         "v8-compile-cache": "^2.3.0",
         "write-file-atomic": "^3.0.3"
       },
       "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
         "array-union": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
+          "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+          "dev": true
         },
         "balanced-match": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-          "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA=="
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "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==",
-          "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=="
+          "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+          "dev": true
         },
         "globby": {
           "version": "11.0.4",
           "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
           "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+          "dev": true,
           "requires": {
             "array-union": "^2.1.0",
             "dir-glob": "^3.0.1",
@@ -17758,72 +16633,68 @@
             "slash": "^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=="
-        },
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
+        "is-plain-object": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+          "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+          "dev": true
         },
         "resolve-from": {
           "version": "5.0.0",
           "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        },
-        "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==",
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
         }
       }
     },
-    "sugarss": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz",
-      "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==",
+    "stylelint-config-recommended": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz",
+      "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==",
+      "dev": true,
+      "requires": {}
+    },
+    "stylelint-config-recommended-scss": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz",
+      "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==",
+      "dev": true,
       "requires": {
-        "postcss": "^7.0.2"
-      },
-      "dependencies": {
-        "picocolors": {
-          "version": "0.2.1",
-          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-          "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-          "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-        }
+        "postcss-scss": "^4.0.2",
+        "stylelint-config-recommended": "^6.0.0",
+        "stylelint-scss": "^4.0.0"
+      }
+    },
+    "stylelint-config-standard": {
+      "version": "23.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-23.0.0.tgz",
+      "integrity": "sha512-8PDlk+nWuc1T66nVaODTdVodN0pjuE5TBlopi39Lt9EM36YJsRhqttMyUhnS78oc/59Q6n8iw2GJB4QcoFqtRg==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-recommended": "^6.0.0"
+      }
+    },
+    "stylelint-config-standard-scss": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-2.0.1.tgz",
+      "integrity": "sha512-TW5NLquUSS0mg2N31zzaSbYRbV/CMifSVLdpgo6VdGvjysgYqJOcKM/5bmXucTOsdfqomcPXetFZ3adC7nD+cg==",
+      "dev": true,
+      "requires": {
+        "stylelint-config-recommended-scss": "^5.0.0",
+        "stylelint-config-standard": "^23.0.0"
+      }
+    },
+    "stylelint-scss": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.0.0.tgz",
+      "integrity": "sha512-lIRhPqtI6I065EJ6aI4mWKsmQt8Krnu6aF9XSL9s8Nd2f/cDKImST0T9TfjnUul3ReKYWozkG9dlpNTZH2FB9w==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.15",
+        "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": {
@@ -17837,7 +16708,8 @@
     "svg-tags": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q="
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
     },
     "svgo": {
       "version": "2.7.0",
@@ -17860,12 +16732,12 @@
       "dev": true
     },
     "table": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.7.2.tgz",
-      "integrity": "sha512-UFZK67uvyNivLeQbVtkiUs8Uuuxv24aSL4/Vil2PJVtMgU8Lx0CYkP12uCGa3kjyQzOSgV1+z9Wkb82fCGsO0g==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.7.3.tgz",
+      "integrity": "sha512-5DkIxeA7XERBqMwJq0aHZOdMadBx4e6eDoFRuyT5VR82J0Ycg2DwM6GfA/EQAhJ+toRTaS1lIdSQCqgrmhPnlw==",
+      "dev": true,
       "requires": {
         "ajv": "^8.0.1",
-        "lodash.clonedeep": "^4.5.0",
         "lodash.truncate": "^4.4.2",
         "slice-ansi": "^4.0.0",
         "string-width": "^4.2.3",
@@ -17876,6 +16748,7 @@
           "version": "8.6.3",
           "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.3.tgz",
           "integrity": "sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==",
+          "dev": true,
           "requires": {
             "fast-deep-equal": "^3.1.1",
             "json-schema-traverse": "^1.0.0",
@@ -17886,7 +16759,8 @@
         "json-schema-traverse": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+          "dev": true
         }
       }
     },
@@ -17958,7 +16832,8 @@
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
     },
     "tfunk": {
       "version": "4.0.0",
@@ -18138,12 +17013,8 @@
     "trim-newlines": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw=="
-    },
-    "trough": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
-      "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA=="
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true
     },
     "tslib": {
       "version": "1.14.1",
@@ -18169,6 +17040,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
       "requires": {
         "prelude-ls": "^1.2.1"
       }
@@ -18182,7 +17054,8 @@
     "type-fest": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true
     },
     "type-is": {
       "version": "1.6.18",
@@ -18198,6 +17071,7 @@
       "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"
       }
@@ -18232,45 +17106,11 @@
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.0.0.tgz",
       "integrity": "sha512-5Zfuy9q/DFr4tfO7ZPeVXb1aPoeQSdeFMLpYuFebehDAhbuevLs5yxSZmIFN1tP5F9Wl4IpJrYojg85/zgyZHQ=="
     },
-    "unified": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz",
-      "integrity": "sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==",
-      "requires": {
-        "bail": "^1.0.0",
-        "extend": "^3.0.0",
-        "is-buffer": "^2.0.0",
-        "is-plain-obj": "^2.0.0",
-        "trough": "^1.0.0",
-        "vfile": "^4.0.0"
-      }
-    },
     "uniqs": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
       "integrity": "sha1-/+3ks2slKQaW5uFl1KWe25mOawI="
     },
-    "unist-util-find-all-after": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz",
-      "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==",
-      "requires": {
-        "unist-util-is": "^4.0.0"
-      }
-    },
-    "unist-util-is": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
-      "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg=="
-    },
-    "unist-util-stringify-position": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
-      "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
-      "requires": {
-        "@types/unist": "^2.0.2"
-      }
-    },
     "universalify": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -18317,6 +17157,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
       "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
       "requires": {
         "spdx-correct": "^3.0.0",
         "spdx-expression-parse": "^3.0.0"
@@ -18344,26 +17185,6 @@
         "extsprintf": "^1.2.0"
       }
     },
-    "vfile": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
-      "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
-      "requires": {
-        "@types/unist": "^2.0.0",
-        "is-buffer": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0",
-        "vfile-message": "^2.0.0"
-      }
-    },
-    "vfile-message": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
-      "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
-      "requires": {
-        "@types/unist": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
-      }
-    },
     "void-elements": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
@@ -18520,7 +17341,8 @@
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
-      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true
     },
     "wrap-ansi": {
       "version": "7.0.0",
@@ -18568,6 +17390,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
       "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
       "requires": {
         "imurmurhash": "^0.1.4",
         "is-typedarray": "^1.0.0",
@@ -18690,7 +17513,8 @@
     "yargs-parser": {
       "version": "20.2.9",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w=="
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true
     },
     "yeast": {
       "version": "0.1.2",
@@ -18702,11 +17526,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
-    },
-    "zwitch": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
-      "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw=="
     }
   }
 }
diff --git a/package.json b/package.json
index 9b5def9b3f9..60fd57a25cb 100644
--- a/package.json
+++ b/package.json
@@ -13,12 +13,10 @@
     "copy-webpack-plugin": "9.0.1",
     "css-loader": "6.2.0",
     "css-minimizer-webpack-plugin": "3.0.2",
-    "eslint": "^7.0.0",
     "mini-css-extract-plugin": "2.2.0",
     "sass": "^1.42.1",
     "sass-loader": "12.1.0",
     "style-loader": "3.2.1",
-    "stylelint": "^13.12.0",
     "webpack": "5.51.1",
     "webpack-cli": "4.8.0"
   },
@@ -35,6 +33,7 @@
     "browser-sync": "^2.26.13",
     "browser-sync-webpack-plugin": "^2.2.2",
     "concurrently": "^6.0.1",
+    "eslint": "^7.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-json": "^2.1.1",
     "jasmine-core": "3.9.0",
@@ -46,6 +45,8 @@
     "karma-webpack": "^5.0.0",
     "prettier": "^2.4.1",
     "sinon": "11.1.2",
+    "stylelint": "^14.0.1",
+    "stylelint-config-standard-scss": "^2.0.1",
     "svgo": "^2.7.0",
     "tinypng-cli": "^0.0.7"
   },
@@ -63,7 +64,9 @@
     "prewatch": "npm run static",
     "watch": "webpack --mode=development --watch",
     "prettier": "prettier --write .",
-    "prettier-check": "prettier --check ."
+    "prettier-check": "prettier --check .",
+    "stylelint-fix": "./node_modules/.bin/stylelint \"media/css/**/*.{css,scss}\" --fix",
+    "format": "npm run prettier && npm run stylelint-fix"
   },
   "browserslist": [
     "defaults",