diff --git a/.stylelintrc b/.stylelintrc
index cf75bc5aa9..a065611904 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -17,6 +17,8 @@
         ]
       },
     ],
+    "selector-class-pattern": null,
+    "selector-id-pattern": null,
     "prettier/prettier": [true, {"singleQuote": false}]
   }
 }
diff --git a/examples/accordion/css/accordion.css b/examples/accordion/css/accordion.css
index c84ae62233..2b32b54254 100644
--- a/examples/accordion/css/accordion.css
+++ b/examples/accordion/css/accordion.css
@@ -1,7 +1,7 @@
 .accordion {
   margin: 0;
   padding: 0;
-  border: 2px solid hsl(0, 0%, 52%);
+  border: 2px solid hsl(0deg 0% 52%);
   border-radius: 7px;
   width: 20em;
 }
@@ -12,20 +12,20 @@
 }
 
 .accordion:focus-within {
-  border-color: hsl(216, 94%, 43%);
+  border-color: hsl(216deg 94% 43%);
 }
 
 .accordion:focus-within h3 {
-  background-color: hsl(0, 0%, 97%);
+  background-color: hsl(0deg 0% 97%);
 }
 
 .accordion > * + * {
-  border-top: 1px solid hsl(0, 0%, 52%);
+  border-top: 1px solid hsl(0deg 0% 52%);
 }
 
 .accordion-trigger {
   background: none;
-  color: hsl(0, 0%, 13%);
+  color: hsl(0deg 0% 13%);
   display: block;
   font-size: 1rem;
   font-weight: normal;
@@ -39,7 +39,7 @@
 
 .accordion-trigger:focus,
 .accordion-trigger:hover {
-  background: hsl(216, 94%, 94%);
+  background: hsl(216deg 94% 94%);
 }
 
 .accordion-trigger:focus {
@@ -74,7 +74,7 @@ button {
 }
 
 .accordion-trigger:focus .accordion-title {
-  border-color: hsl(216, 94%, 43%);
+  border-color: hsl(216deg 94% 43%);
 }
 
 .accordion-icon {
@@ -91,7 +91,7 @@ button {
 
 .accordion-trigger:focus .accordion-icon,
 .accordion-trigger:hover .accordion-icon {
-  border-color: hsl(216, 94%, 43%);
+  border-color: hsl(216deg 94% 43%);
 }
 
 .accordion-trigger[aria-expanded="true"] .accordion-icon {
@@ -115,7 +115,7 @@ fieldset {
 }
 
 input {
-  border: 1px solid hsl(0, 0%, 42%);
+  border: 1px solid hsl(0deg 0% 42%);
   border-radius: 0.3em;
   display: block;
   font-size: inherit;
diff --git a/examples/alert/css/alert.css b/examples/alert/css/alert.css
index b11f1faa42..797ced1bf2 100644
--- a/examples/alert/css/alert.css
+++ b/examples/alert/css/alert.css
@@ -1,8 +1,8 @@
 [role="alert"] {
   padding: 10px;
-  border: 2px solid hsl(206, 74%, 54%);
+  border: 2px solid hsl(206deg 74% 54%);
   border-radius: 4px;
-  background: hsl(206, 74%, 90%);
+  background: hsl(206deg 74% 90%);
 }
 
 [role="alert"]:empty {
diff --git a/examples/breadcrumb/css/breadcrumb.css b/examples/breadcrumb/css/breadcrumb.css
index a5af4d1043..cf35f7eb82 100644
--- a/examples/breadcrumb/css/breadcrumb.css
+++ b/examples/breadcrumb/css/breadcrumb.css
@@ -1,8 +1,8 @@
 nav.breadcrumb {
   padding: 0.8em 1em;
-  border: 1px solid hsl(0, 0%, 90%);
+  border: 1px solid hsl(0deg 0% 90%);
   border-radius: 4px;
-  background: hsl(300, 14%, 97%);
+  background: hsl(300deg 14% 97%);
 }
 
 nav.breadcrumb ol {
diff --git a/examples/button/css/button.css b/examples/button/css/button.css
index 2658d6c1ec..6fb2da8304 100644
--- a/examples/button/css/button.css
+++ b/examples/button/css/button.css
@@ -2,26 +2,26 @@
   display: inline-block;
   position: relative;
   padding: 0.4em 0.7em;
-  border: 1px solid hsl(213, 71%, 49%);
+  border: 1px solid hsl(213deg 71% 49%);
   border-radius: 5px;
-  box-shadow: 0 1px 2px hsl(216, 27%, 55%);
+  box-shadow: 0 1px 2px hsl(216deg 27% 55%);
   color: #fff;
-  text-shadow: 0 -1px 1px hsl(216, 27%, 25%);
-  background-color: hsl(216, 82%, 51%);
+  text-shadow: 0 -1px 1px hsl(216deg 27% 25%);
+  background-color: hsl(216deg 82% 51%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 53%),
-    hsl(216, 82%, 47%)
+    hsl(216deg 82% 53%),
+    hsl(216deg 82% 47%)
   );
 }
 
 [role="button"]:hover {
-  border-color: hsl(213, 71%, 29%);
-  background-color: hsl(216, 82%, 31%);
+  border-color: hsl(213deg 71% 29%);
+  background-color: hsl(216deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 33%),
-    hsl(216, 82%, 27%)
+    hsl(216deg 82% 33%),
+    hsl(216deg 82% 27%)
   );
   cursor: default;
 }
@@ -39,7 +39,7 @@
   right: calc(-1px - 3px - 3px);
   bottom: calc(-1px - 3px - 3px);
   left: calc(-1px - 3px - 3px);
-  border: 3px solid hsl(213, 71%, 49%);
+  border: 3px solid hsl(213deg 71% 49%);
 
   /* button border radius + outline width + offset */
   border-radius: calc(5px + 3px + 3px);
@@ -47,64 +47,64 @@
 }
 
 [role="button"]:active {
-  border-color: hsl(213, 71%, 49%);
-  background-color: hsl(216, 82%, 31%);
+  border-color: hsl(213deg 71% 49%);
+  background-color: hsl(216deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 53%),
-    hsl(216, 82%, 47%)
+    hsl(216deg 82% 53%),
+    hsl(216deg 82% 47%)
   );
-  box-shadow: inset 0 3px 5px 1px hsl(216, 82%, 30%);
+  box-shadow: inset 0 3px 5px 1px hsl(216deg 82% 30%);
 }
 
 [role="button"][aria-pressed] {
-  border-color: hsl(261, 71%, 49%);
-  box-shadow: 0 1px 2px hsl(261, 27%, 55%);
-  text-shadow: 0 -1px 1px hsl(261, 27%, 25%);
-  background-color: hsl(261, 82%, 51%);
+  border-color: hsl(261deg 71% 49%);
+  box-shadow: 0 1px 2px hsl(261deg 27% 55%);
+  text-shadow: 0 -1px 1px hsl(261deg 27% 25%);
+  background-color: hsl(261deg 82% 51%);
   background-image: linear-gradient(
     to bottom,
-    hsl(261, 82%, 53%),
-    hsl(261, 82%, 47%)
+    hsl(261deg 82% 53%),
+    hsl(261deg 82% 47%)
   );
 }
 
 [role="button"][aria-pressed]:hover {
-  border-color: hsl(261, 71%, 29%);
-  background-color: hsl(261, 82%, 31%);
+  border-color: hsl(261deg 71% 29%);
+  background-color: hsl(261deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(261, 82%, 33%),
-    hsl(261, 82%, 27%)
+    hsl(261deg 82% 33%),
+    hsl(261deg 82% 27%)
   );
 }
 
 [role="button"][aria-pressed="true"] {
   padding-top: 0.5em;
   padding-bottom: 0.3em;
-  border-color: hsl(261, 71%, 49%);
-  background-color: hsl(261, 82%, 31%);
+  border-color: hsl(261deg 71% 49%);
+  background-color: hsl(261deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(261, 82%, 63%),
-    hsl(261, 82%, 57%)
+    hsl(261deg 82% 63%),
+    hsl(261deg 82% 57%)
   );
-  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 30%);
+  box-shadow: inset 0 3px 5px 1px hsl(261deg 82% 30%);
 }
 
 [role="button"][aria-pressed="true"]:hover {
-  border-color: hsl(261, 71%, 49%);
-  background-color: hsl(261, 82%, 31%);
+  border-color: hsl(261deg 71% 49%);
+  background-color: hsl(261deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(261, 82%, 43%),
-    hsl(261, 82%, 37%)
+    hsl(261deg 82% 43%),
+    hsl(261deg 82% 37%)
   );
-  box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 20%);
+  box-shadow: inset 0 3px 5px 1px hsl(261deg 82% 20%);
 }
 
 [role="button"][aria-pressed]:focus::before {
-  border-color: hsl(261, 71%, 49%);
+  border-color: hsl(261deg 71% 49%);
 }
 
 [role="button"] svg {
diff --git a/examples/carousel/css/carousel-prev-next.css b/examples/carousel/css/carousel-prev-next.css
index 4e080cc257..7d71016945 100644
--- a/examples/carousel/css/carousel-prev-next.css
+++ b/examples/carousel/css/carousel-prev-next.css
@@ -58,7 +58,7 @@ img.reload {
   display: inline-block;
   margin: 0;
   padding: 6px;
-  background-color: rgba(0, 0, 0, 0.65);
+  background-color: rgb(0 0 0 / 65%);
   border-radius: 5px;
   border: 0 solid transparent;
 }
@@ -88,13 +88,13 @@ img.reload {
 
 .carousel .carousel-item .carousel-caption a:hover,
 .carousel .carousel-item .carousel-caption span.contrast:hover {
-  background-color: rgba(0, 0, 0, 1);
+  background-color: rgb(0 0 0 / 100%);
 }
 
 .carousel .carousel-item .carousel-caption a:focus {
   padding: 4px;
   border: 2px solid #fff;
-  background-color: rgba(0, 0, 0, 1);
+  background-color: rgb(0 0 0 / 100%);
   outline: none;
   border-width: 2px solid #fff;
   color: #fff;
@@ -154,7 +154,7 @@ img.reload {
   stroke: black;
   fill: black;
   stroke-width: 1px;
-  opacity: 0.6;
+  opacity: 60%;
 }
 
 .carousel .controls svg .border {
@@ -195,7 +195,7 @@ img.reload {
 .carousel .controls button:hover svg .border {
   fill: #005a9c;
   stroke: #005a9c;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .carousel .controls button:focus svg .border {
@@ -220,6 +220,7 @@ img.reload {
   left: 0;
   padding: 0.25em 0.25em 0;
 }
+
 .carousel.carousel-moreaccessible .controls {
   position: static;
   height: 36px;
@@ -272,7 +273,7 @@ img.reload {
 }
 
 .carousel-moreaccessible .carousel-item .carousel-caption a:hover {
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgb(0 0 0 / 20%);
 }
 
 .carousel-moreaccessible .carousel-item .carousel-caption a:focus {
diff --git a/examples/carousel/css/carousel-tablist.css b/examples/carousel/css/carousel-tablist.css
index 00809f7fbf..8086011bb1 100644
--- a/examples/carousel/css/carousel-tablist.css
+++ b/examples/carousel/css/carousel-tablist.css
@@ -58,7 +58,7 @@ img.reload {
   margin: 0;
   padding: 6px;
   display: inline-block;
-  background-color: rgba(0, 0, 0, 0.65);
+  background-color: rgb(0 0 0 / 65%);
   border-radius: 5px;
   border: 0 solid transparent;
 }
@@ -91,13 +91,13 @@ img.reload {
 
 .carousel-tablist .carousel-item .carousel-caption a:hover,
 .carousel-tablist .carousel-item .carousel-caption span.contrast:hover {
-  background-color: rgba(0, 0, 0, 1);
+  background-color: rgb(0 0 0 / 100%);
 }
 
 .carousel-tablist .carousel-item .carousel-caption a:focus {
   padding: 4px;
   border: 2px solid #eee;
-  background-color: rgba(0, 0, 0, 1);
+  background-color: rgb(0 0 0 / 100%);
   outline: none;
   border-width: 2px solid #fff;
   color: #fff;
@@ -154,7 +154,7 @@ img.reload {
   stroke: black;
   fill: black;
   stroke-width: 1px;
-  opacity: 0.6;
+  opacity: 60%;
 }
 
 .carousel-tablist .svg-play .border {
@@ -186,7 +186,7 @@ img.reload {
 .carousel-tablist .rotation:hover .svg-play .border {
   fill: #005a9c;
   stroke: #005a9c;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .carousel-tablist .rotation:focus .svg-play .border {
@@ -202,7 +202,7 @@ img.reload {
   display: inline-block;
   padding-top: 2px;
   height: 30px;
-  background-color: rgba(0, 0, 0, 0.65);
+  background-color: rgb(0 0 0 / 65%);
 }
 
 .carousel-tablist [role="tablist"].focus {
@@ -236,7 +236,7 @@ img.reload {
   stroke: black;
   fill: black;
   stroke-width: 2px;
-  opacity: 0.6;
+  opacity: 60%;
   z-index: 14;
 }
 
@@ -277,14 +277,14 @@ img.reload {
 .carousel-tablist [role="tab"]:hover circle.tab-background {
   fill: white;
   stroke: white;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .carousel-tablist [role="tab"]:hover circle.border,
 .carousel-tablist [role="tab"]:hover circle.tab {
   fill: #005a9c;
   stroke: #005a9c;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .carousel-tablist [role="tab"][aria-selected="true"]:hover circle.tab {
@@ -340,7 +340,7 @@ img.reload {
 }
 
 .carousel-tablist-moreaccessible .carousel-item .carousel-caption a:hover {
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgb(0 0 0 / 20%);
 }
 
 .carousel-tablist-moreaccessible .carousel-item .carousel-caption a:focus {
diff --git a/examples/combobox/css/combobox-autocomplete.css b/examples/combobox/css/combobox-autocomplete.css
index dcb2865ff5..5bf2d8b9bb 100644
--- a/examples/combobox/css/combobox-autocomplete.css
+++ b/examples/combobox/css/combobox-autocomplete.css
@@ -34,7 +34,7 @@
   width: 19px;
   border-left: none;
   outline: none;
-  color: rgb(0, 90, 156);
+  color: rgb(0 90 156);
 }
 
 .combobox button[aria-expanded="true"] svg {
diff --git a/examples/combobox/css/combobox-datepicker.css b/examples/combobox/css/combobox-datepicker.css
index 18e3c389ea..c4161d02ed 100644
--- a/examples/combobox/css/combobox-datepicker.css
+++ b/examples/combobox/css/combobox-datepicker.css
@@ -66,7 +66,7 @@
   padding: 6px;
   margin-left: 1em;
   width: 5em;
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216deg 80% 92%);
   font-size: 0.85em;
   color: black;
   outline: none;
@@ -101,7 +101,7 @@
   position: absolute;
   width: 320px;
   clear: both;
-  border: 3px solid hsl(216, 80%, 51%);
+  border: 3px solid hsl(216deg 80% 51%);
   margin-top: 1em;
   border-radius: 5px;
   padding: 0;
@@ -110,7 +110,7 @@
 
 .combobox-datepicker .header {
   cursor: default;
-  background-color: hsl(216, 80%, 51%);
+  background-color: hsl(216deg 80% 51%);
   padding: 7px;
   font-weight: bold;
   text-transform: uppercase;
@@ -184,7 +184,7 @@
 }
 
 .combobox-datepicker .fa-calendar-alt {
-  color: hsl(216, 89%, 51%);
+  color: hsl(216deg 89% 51%);
 }
 
 .combobox-datepicker .month-year {
@@ -216,34 +216,34 @@
 .combobox-datepicker .dates td[aria-selected] {
   padding: 1px;
   border: 2px dotted black;
-  background-color: hsl(216, 80%, 96%);
+  background-color: hsl(216deg 80% 96%);
 }
 
 .combobox-datepicker .dates td[tabindex="0"] {
-  background-color: hsl(216, 80%, 51%);
+  background-color: hsl(216deg 80% 51%);
   color: white;
 }
 
 .combobox-datepicker .dates td:hover {
   padding: 0;
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216deg 80% 92%);
 }
 
 .combobox-datepicker .dates td:focus {
   padding: 1px;
-  border: 2px solid rgb(100, 100, 100);
+  border: 2px solid rgb(100 100 100);
   outline: 0;
 }
 
 .combobox-datepicker .dates td:not(.disabled):hover {
   padding: 2px;
-  border: 1px solid rgb(100, 100, 100);
+  border: 1px solid rgb(100 100 100);
 }
 
 .combobox-datepicker .dialog-message {
   padding-top: 0.25em;
   padding-left: 1em;
   height: 1.75em;
-  background: hsl(216, 80%, 51%);
+  background: hsl(216deg 80% 51%);
   color: white;
 }
diff --git a/examples/combobox/css/grid-combo.css b/examples/combobox/css/grid-combo.css
index 29324bea16..5484f8f7b4 100644
--- a/examples/combobox/css/grid-combo.css
+++ b/examples/combobox/css/grid-combo.css
@@ -40,12 +40,12 @@
 
 .listbox .result:hover,
 .grid .result-row:hover {
-  background: rgb(139, 189, 225);
+  background: rgb(139 189 225);
 }
 
 .listbox .focused,
 .grid .focused {
-  background: rgb(139, 189, 225);
+  background: rgb(139 189 225);
 }
 
 .grid .focused-cell {
diff --git a/examples/combobox/css/select-only.css b/examples/combobox/css/select-only.css
index 1d8beb3a7e..2f67d370ed 100644
--- a/examples/combobox/css/select-only.css
+++ b/examples/combobox/css/select-only.css
@@ -12,8 +12,8 @@
 }
 
 .combo::after {
-  border-bottom: 2px solid rgba(0, 0, 0, 0.75);
-  border-right: 2px solid rgba(0, 0, 0, 0.75);
+  border-bottom: 2px solid rgb(0 0 0 / 75%);
+  border-right: 2px solid rgb(0 0 0 / 75%);
   content: "";
   display: block;
   height: 12px;
@@ -27,7 +27,7 @@
 
 .combo-input {
   background-color: #f5f5f5;
-  border: 2px solid rgba(0, 0, 0, 0.75);
+  border: 2px solid rgb(0 0 0 / 75%);
   border-radius: 4px;
   display: block;
   font-size: 1em;
@@ -56,7 +56,7 @@
 
 .combo-menu {
   background-color: #f5f5f5;
-  border: 1px solid rgba(0, 0, 0, 0.75);
+  border: 1px solid rgb(0 0 0 / 75%);
   border-radius: 0 0 4px 4px;
   display: none;
   max-height: 300px;
@@ -77,7 +77,7 @@
 }
 
 .combo-option:hover {
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgb(0 0 0 / 10%);
 }
 
 .combo-option.option-current {
diff --git a/examples/css/core.css b/examples/css/core.css
index f3501bc367..1cfa64e60e 100644
--- a/examples/css/core.css
+++ b/examples/css/core.css
@@ -11,7 +11,7 @@ pre,
 code,
 samp,
 .sourcecode {
-  color: hsl(11, 81%, 43%);
+  color: hsl(11deg 81% 43%);
 }
 
 pre code:not(.hljs),
@@ -20,7 +20,7 @@ pre code:not(.hljs),
   padding: 1em;
   border-radius: 0.2em;
   overflow: auto;
-  background: hsl(24, 20%, 95%);
+  background: hsl(24deg 20% 95%);
 }
 
 /* Style all kbd elements that are not in table headers */
@@ -73,27 +73,27 @@ th .example-header {
   display: inline-block;
   position: relative;
   padding: 0.4em 0.7em;
-  border: 1px solid hsl(213, 71%, 49%);
+  border: 1px solid hsl(213deg 71% 49%);
   border-radius: 5px;
-  box-shadow: 0 1px 2px hsl(216, 27%, 55%);
+  box-shadow: 0 1px 2px hsl(216deg 27% 55%);
   color: #fff;
   font-size: inherit;
-  text-shadow: 0 -1px 1px hsl(216, 27%, 25%);
-  background-color: hsl(216, 82%, 51%);
+  text-shadow: 0 -1px 1px hsl(216deg 27% 25%);
+  background-color: hsl(216deg 82% 51%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 53%),
-    hsl(216, 82%, 47%)
+    hsl(216deg 82% 53%),
+    hsl(216deg 82% 47%)
   );
 }
 
 .example-header button:hover {
-  border-color: hsl(213, 71%, 29%);
-  background-color: hsl(216, 82%, 31%);
+  border-color: hsl(213deg 71% 29%);
+  background-color: hsl(216deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 33%),
-    hsl(216, 82%, 27%)
+    hsl(216deg 82% 33%),
+    hsl(216deg 82% 27%)
   );
   cursor: default;
 }
@@ -111,7 +111,7 @@ th .example-header {
   right: calc(-1px - 3px - 3px);
   bottom: calc(-1px - 3px - 3px);
   left: calc(-1px - 3px - 3px);
-  border: 3px solid hsl(213, 71%, 49%);
+  border: 3px solid hsl(213deg 71% 49%);
 
   /* button border radius + outline width + offset */
   border-radius: calc(5px + 3px + 3px);
@@ -119,12 +119,12 @@ th .example-header {
 }
 
 .example-header button:active {
-  border-color: hsl(213, 71%, 49%);
-  background-color: hsl(216, 82%, 31%);
+  border-color: hsl(213deg 71% 49%);
+  background-color: hsl(216deg 82% 31%);
   background-image: linear-gradient(
     to bottom,
-    hsl(216, 82%, 53%),
-    hsl(216, 82%, 47%)
+    hsl(216deg 82% 53%),
+    hsl(216deg 82% 47%)
   );
-  box-shadow: inset 0 3px 5px 1px hsl(216, 82%, 30%);
+  box-shadow: inset 0 3px 5px 1px hsl(216deg 82% 30%);
 }
diff --git a/examples/css/github.css b/examples/css/github.css
index 2fb2e6aa6d..c9b9edeb04 100644
--- a/examples/css/github.css
+++ b/examples/css/github.css
@@ -32,7 +32,7 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
 .hljs-template-variable,
 .hljs-tag .hljs-attr {
   /* Original value hsl(180, 100%, 25%) didn’t pass WCAG AA */
-  color: hsl(180, 100%, 23%);
+  color: hsl(180deg 100% 23%);
 }
 
 .hljs-string,
diff --git a/examples/dialog-modal/css/datepicker-dialog.css b/examples/dialog-modal/css/datepicker-dialog.css
index 5a0ae5e50e..c8b3a3f43b 100644
--- a/examples/dialog-modal/css/datepicker-dialog.css
+++ b/examples/dialog-modal/css/datepicker-dialog.css
@@ -45,7 +45,7 @@
 }
 
 .datepicker .fa-calendar-alt {
-  color: hsl(216, 89%, 51%);
+  color: hsl(216deg 89% 51%);
 }
 
 .datepicker button.icon:focus {
@@ -65,7 +65,7 @@
   position: absolute;
   width: 320px;
   clear: both;
-  border: 3px solid hsl(216, 80%, 51%);
+  border: 3px solid hsl(216deg 80% 51%);
   margin-top: 0.15em;
   border-radius: 5px;
   padding: 0;
@@ -74,7 +74,7 @@
 
 .datepicker-dialog .header {
   cursor: default;
-  background-color: hsl(216, 80%, 51%);
+  background-color: hsl(216deg 80% 51%);
   padding: 7px;
   font-weight: bold;
   text-transform: uppercase;
@@ -146,7 +146,7 @@
   padding: 6px;
   margin-left: 1em;
   width: 5em;
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216deg 80% 92%);
   font-size: 0.85em;
   color: black;
   outline: none;
@@ -164,7 +164,7 @@
 }
 
 .datepicker-dialog .fa-calendar-alt {
-  color: hsl(216, 89%, 51%);
+  color: hsl(216deg 89% 51%);
 }
 
 .datepicker-dialog .month-year {
@@ -209,32 +209,32 @@
 .datepicker-dialog table.dates td:focus,
 .datepicker-dialog table.dates td:hover {
   padding: 0;
-  background-color: hsl(216, 80%, 92%);
+  background-color: hsl(216deg 80% 92%);
 }
 
 .datepicker-dialog table.dates td:focus {
   padding: 1px;
-  border: 2px solid rgb(100, 100, 100);
+  border: 2px solid rgb(100 100 100);
   outline: 0;
 }
 
 .datepicker-dialog table.dates td:not(.disabled):hover {
   padding: 2px;
-  border: 1px solid rgb(100, 100, 100);
+  border: 1px solid rgb(100 100 100);
 }
 
 .datepicker-dialog table.dates td[aria-selected] {
   padding: 1px;
-  border: 2px dotted rgb(100, 100, 100);
+  border: 2px dotted rgb(100 100 100);
 }
 
 .datepicker-dialog table.dates td[aria-selected]:focus {
   padding: 1px;
-  border: 2px solid rgb(100, 100, 100);
+  border: 2px solid rgb(100 100 100);
 }
 
 .datepicker-dialog table.dates td[tabindex="0"] {
-  background-color: hsl(216, 80%, 51%);
+  background-color: hsl(216deg 80% 51%);
   color: white;
 }
 
@@ -242,6 +242,6 @@
   padding-top: 0.25em;
   padding-left: 1em;
   height: 1.75em;
-  background: hsl(216, 80%, 51%);
+  background: hsl(216deg 80% 51%);
   color: white;
 }
diff --git a/examples/dialog-modal/css/dialog.css b/examples/dialog-modal/css/dialog.css
index 58b6d54f1b..bf079d8a1a 100644
--- a/examples/dialog-modal/css/dialog.css
+++ b/examples/dialog-modal/css/dialog.css
@@ -23,7 +23,7 @@
 
     min-width: calc(640px - (15px * 2)); /* == breakpoint - left+right margin */
     min-height: auto;
-    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.12), 0 15px 12px rgba(0, 0, 0, 0.22);
+    box-shadow: 0 19px 38px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 22%);
   }
 }
 
@@ -119,7 +119,7 @@
 
 @media screen and (min-width: 640px) {
   .dialog-backdrop {
-    background: rgba(0, 0, 0, 0.3);
+    background: rgb(0 0 0 / 30%);
   }
 }
 
@@ -147,12 +147,12 @@
 }
 
 .toast {
-  background-color: rgba(0, 0, 0, 0.9);
+  background-color: rgb(0 0 0 / 90%);
   color: #fff;
   padding: 1rem;
   border: none;
   border-radius: 0.25rem;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
   position: fixed;
   top: 1rem;
   right: 1rem;
diff --git a/examples/disclosure/css/disclosure-navigation.css b/examples/disclosure/css/disclosure-navigation.css
index 2a79a9aee2..c75e0f69fb 100644
--- a/examples/disclosure/css/disclosure-navigation.css
+++ b/examples/disclosure/css/disclosure-navigation.css
@@ -46,7 +46,7 @@
 }
 
 .disclosure-nav ul a:focus {
-  outline: 5px solid rgba(0, 90, 156, 0.75);
+  outline: 5px solid rgb(0 90 156 / 75%);
   position: relative;
 }
 
@@ -81,7 +81,7 @@
 .disclosure-nav button:focus,
 .disclosure-nav .main-link:focus {
   border-color: #005a9c;
-  outline: 5px solid rgba(0, 90, 156, 0.75);
+  outline: 5px solid rgb(0 90 156 / 75%);
   position: relative;
 }
 
diff --git a/examples/grid/css/dataGrids.css b/examples/grid/css/dataGrids.css
index 6955a5a4f0..248880a70f 100644
--- a/examples/grid/css/dataGrids.css
+++ b/examples/grid/css/dataGrids.css
@@ -52,7 +52,7 @@
   background-size: 44px;
   content: " ";
   height: 17px;
-  opacity: 0.6;
+  opacity: 60%;
   position: absolute;
   right: -24px;
   top: 0;
@@ -66,7 +66,7 @@
 
 .edit-text-button:hover::after,
 .edit-text-button:focus::after {
-  opacity: 1;
+  opacity: 100%;
 }
 
 [role="gridcell"]:focus,
diff --git a/examples/grid/css/layoutGrids.css b/examples/grid/css/layoutGrids.css
index e2fc1673d2..bc1e411a16 100644
--- a/examples/grid/css/layoutGrids.css
+++ b/examples/grid/css/layoutGrids.css
@@ -42,7 +42,7 @@
   display: inline-block;
   font-size: 14px;
   height: 40px;
-  margin: 5px 0 0 0;
+  margin: 5px 0 0;
   padding: 5px;
   position: relative;
   vertical-align: middle;
@@ -69,7 +69,7 @@
   border: 1px solid #bbb;
   padding: 0 15px 20px;
   margin-top: 20px;
-  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
 }
 
 .grid-nux::after,
@@ -85,14 +85,14 @@
 }
 
 .grid-nux::after {
-  border-color: rgba(136, 183, 213, 0);
+  border-color: rgb(136 183 213 / 0%);
   border-bottom-color: #eaf9ef;
   border-width: 10px;
   margin-left: -10px;
 }
 
 .grid-nux::before {
-  border-color: rgba(194, 225, 245, 0);
+  border-color: rgb(194 225 245 / 0%);
   border-bottom-color: #bbb;
   border-width: 11px;
   margin-left: -11px;
diff --git a/examples/landmarks/css/bootstrap-accessibility.css b/examples/landmarks/css/bootstrap-accessibility.css
index 895898814c..d5c8c2dfc6 100644
--- a/examples/landmarks/css/bootstrap-accessibility.css
+++ b/examples/landmarks/css/bootstrap-accessibility.css
@@ -1,9 +1,11 @@
 .btn:focus {
   outline: dotted 2px #000;
 }
+
 div.active:focus {
   outline: dotted 1px #000;
 }
+
 a:focus {
   outline: dotted 1px #000;
 }
@@ -22,11 +24,9 @@ a:focus {
   position: absolute;
   top: -999999em;
   display: block;
-  -webkit-transition: 0.6s ease-in-out left;
-  -moz-transition: 0.6s ease-in-out left;
-  -o-transition: 0.6s ease-in-out left;
   transition: 0.6s ease-in-out left;
 }
+
 .carousel-inner > .active {
   top: 0;
 }
@@ -43,9 +43,11 @@ a:focus {
   top: 0;
   width: 100%;
 }
+
 .alert-success {
   color: #2d4821;
 }
+
 .alert-info {
   color: #214c62;
 }
@@ -54,9 +56,11 @@ a:focus {
   color: #6c4a00;
   background-color: #f9f1c6;
 }
+
 .alert-danger {
   color: #d2322d;
 }
+
 .alert-danger:hover {
   color: #a82824;
 }
diff --git a/examples/landmarks/css/common.css b/examples/landmarks/css/common.css
index f5949345a4..cc4b6a54ee 100644
--- a/examples/landmarks/css/common.css
+++ b/examples/landmarks/css/common.css
@@ -71,10 +71,7 @@ aside li {
 nav li {
   margin-top: 0.45em;
   border: solid thin #337ab7;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
+  border-radius: 6px;
 }
 
 main ul.nav-tabs li {
@@ -144,10 +141,7 @@ aside {
   background-color: #f4f4f4;
   margin-right: 12em;
   width: 100%;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
+  border-radius: 6px;
 }
 
 aside h2 {
diff --git a/examples/landmarks/css/visua11y.css b/examples/landmarks/css/visua11y.css
index 49dff61273..68c195e767 100644
--- a/examples/landmarks/css/visua11y.css
+++ b/examples/landmarks/css/visua11y.css
@@ -24,8 +24,6 @@ div.oaa-message-dialog > div {
 
 div.oaa-element-overlay > div:hover {
   cursor: grab;
-  cursor: -moz-grab;
-  cursor: -webkit-grab;
 }
 
 div.oaa-message-dialog {
diff --git a/examples/link/css/link.css b/examples/link/css/link.css
index 0ee3827095..2ddfaa83b7 100644
--- a/examples/link/css/link.css
+++ b/examples/link/css/link.css
@@ -10,7 +10,7 @@
 [role="link"]:focus::before {
   color: #000;
   cursor: pointer;
-  outline: 0.2em solid hsl(219, 63%, 44%);
+  outline: 0.2em solid hsl(219deg 63% 44%);
   outline-offset: 0.2em;
 }
 
diff --git a/examples/listbox/css/listbox.css b/examples/listbox/css/listbox.css
index 27806a0b2a..98f264deeb 100644
--- a/examples/listbox/css/listbox.css
+++ b/examples/listbox/css/listbox.css
@@ -117,7 +117,7 @@ button {
 }
 
 button[aria-disabled="true"] {
-  opacity: 0.5;
+  opacity: 50%;
 }
 
 .move-right-btn::after {
diff --git a/examples/menubar/css/menubar-navigation.css b/examples/menubar/css/menubar-navigation.css
index 0277a43e56..f7c89d16f5 100644
--- a/examples/menubar/css/menubar-navigation.css
+++ b/examples/menubar/css/menubar-navigation.css
@@ -16,10 +16,7 @@
 }
 
 .page .main {
-  padding-top: 1em;
-  padding-left: 5%;
-  padding-right: 5%;
-  padding-bottom: 5em;
+  padding: 1em 5% 5em;
   border-left: 2px solid #eee;
   border-right: 2px solid #eee;
 }
diff --git a/examples/radio/css/radio.css b/examples/radio/css/radio.css
index 00d3eaaa05..71ffafe30f 100644
--- a/examples/radio/css/radio.css
+++ b/examples/radio/css/radio.css
@@ -9,7 +9,7 @@
 }
 
 [role="radio"] {
-  padding: 4px 8px 4px 8px;
+  padding: 4px 8px;
   border: 0 solid transparent;
   border-radius: 5px;
   display: inline-block;
@@ -37,7 +37,7 @@
 
 [role="radio"].focus,
 [role="radio"]:hover {
-  padding: 2px 6px 2px 6px;
+  padding: 2px 6px;
   border: 2px solid #005a9c;
   background-color: #def;
   cursor: pointer;
diff --git a/examples/slider/css/slider-color-viewer.css b/examples/slider/css/slider-color-viewer.css
index a6c7ca6d76..b3dd7e4343 100644
--- a/examples/slider/css/slider-color-viewer.css
+++ b/examples/slider/css/slider-color-viewer.css
@@ -57,12 +57,12 @@
   fill: #bbb;
   stroke: currentColor;
   stroke-width: 2px;
-  opacity: 0.8;
+  opacity: 80%;
 }
 
 .color-slider .fill {
   stroke-width: 0;
-  opacity: 0.5;
+  opacity: 50%;
   pointer-events: none;
 }
 
@@ -97,21 +97,21 @@
 
 .color-slider:focus .fill,
 .color-slider:hover .fill {
-  opacity: 1;
+  opacity: 100%;
 }
 
 .color-slider:focus .rail,
 .color-slider:hover .rail {
   fill: transparent;
   stroke: currentColor;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .color-slider:focus .thumb,
 .color-slider:hover .thumb {
   fill: #ddd;
   stroke: currentColor;
-  opacity: 1;
+  opacity: 100%;
 }
 
 .color-slider:focus .focus,
diff --git a/examples/slider/css/slider-multithumb.css b/examples/slider/css/slider-multithumb.css
index fb26f97a4e..27c399a047 100644
--- a/examples/slider/css/slider-multithumb.css
+++ b/examples/slider/css/slider-multithumb.css
@@ -28,7 +28,7 @@
 
 .slider-multithumb .slider-group .range {
   fill: currentColor;
-  opacity: 0.4;
+  opacity: 40%;
 }
 
 .slider-multithumb .slider-group .thumb {
@@ -52,7 +52,7 @@
 }
 
 .slider-multithumb .slider-group.active g.rail {
-  opacity: 0.8;
+  opacity: 80%;
 }
 
 .slider-multithumb .slider-group.active g.range {
diff --git a/examples/switch/css/switch.css b/examples/switch/css/switch.css
index 8234d84f96..0f5f757392 100644
--- a/examples/switch/css/switch.css
+++ b/examples/switch/css/switch.css
@@ -4,9 +4,6 @@
   border: 0 solid #005a9c;
   border-radius: 5px;
   width: 15em;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 
diff --git a/examples/tabs/css/tabs.css b/examples/tabs/css/tabs.css
index 405b4b9655..dfbfb8fe2d 100644
--- a/examples/tabs/css/tabs.css
+++ b/examples/tabs/css/tabs.css
@@ -12,13 +12,13 @@
   position: relative;
   margin: 0;
   padding: 0.3em 0.5em 0.4em;
-  border: 1px solid hsl(219, 1%, 72%);
+  border: 1px solid hsl(219deg 1% 72%);
   border-radius: 0.2em 0.2em 0 0;
-  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
+  box-shadow: 0 0 0.2em hsl(219deg 1% 72%);
   overflow: visible;
   font-family: inherit;
   font-size: inherit;
-  background: hsl(220, 20%, 94%);
+  background: hsl(220deg 20% 94%);
 }
 
 [role="tab"]:hover::before,
@@ -29,18 +29,18 @@
   right: -1px;
   left: -1px;
   border-radius: 0.2em 0.2em 0 0;
-  border-top: 3px solid hsl(20, 96%, 48%);
+  border-top: 3px solid hsl(20deg 96% 48%);
   content: "";
 }
 
 [role="tab"][aria-selected="true"] {
   border-radius: 0;
-  background: hsl(220, 43%, 99%);
+  background: hsl(220deg 43% 99%);
   outline: 0;
 }
 
 [role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
-  border-top: 5px solid hsl(218, 96%, 48%);
+  border-top: 5px solid hsl(218deg 96% 48%);
 }
 
 [role="tab"][aria-selected="true"]::after {
@@ -50,7 +50,7 @@
   right: 0;
   left: 0;
   height: 0.3em;
-  background: hsl(220, 43%, 99%);
+  background: hsl(220deg 43% 99%);
   box-shadow: none;
   content: "";
 }
@@ -65,17 +65,17 @@
 
 [role="tab"]:hover::before,
 [role="tab"]:focus::before {
-  border-color: hsl(20, 96%, 48%);
+  border-color: hsl(20deg 96% 48%);
 }
 
 [role="tabpanel"] {
   position: relative;
   z-index: 2;
   padding: 0.5em 0.5em 0.7em;
-  border: 1px solid hsl(219, 1%, 72%);
-  border-radius: 0 0.2em 0.2em 0.2em;
-  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
-  background: hsl(220, 43%, 99%);
+  border: 1px solid hsl(219deg 1% 72%);
+  border-radius: 0 0.2em 0.2em;
+  box-shadow: 0 0 0.2em hsl(219deg 1% 72%);
+  background: hsl(220deg 43% 99%);
 }
 
 [role="tabpanel"].is-hidden {
@@ -83,8 +83,8 @@
 }
 
 [role="tabpanel"]:focus {
-  border-color: hsl(20, 96%, 48%);
-  box-shadow: 0 0 0.2em hsl(20, 96%, 48%);
+  border-color: hsl(20deg 96% 48%);
+  box-shadow: 0 0 0.2em hsl(20deg 96% 48%);
   outline: 0;
 }
 
@@ -93,7 +93,7 @@
   bottom: 0;
   right: -1px;
   left: -1px;
-  border-bottom: 3px solid hsl(20, 96%, 48%);
+  border-bottom: 3px solid hsl(20deg 96% 48%);
   border-radius: 0 0 0.2em 0.2em;
   content: "";
 }
diff --git a/examples/toolbar/css/menuButton.css b/examples/toolbar/css/menuButton.css
index 39e272ca86..093fa79fae 100644
--- a/examples/toolbar/css/menuButton.css
+++ b/examples/toolbar/css/menuButton.css
@@ -27,11 +27,7 @@
 }
 
 [role="toolbar"] .menu-popup [role="menu"] [role="menuitemradio"] {
-  padding: 0;
-  padding-top: 1px;
-  padding-bottom: 1px;
-  padding-left: 2px;
-  padding-right: 2px;
+  padding: 1px 2px;
   outline: 0;
   border: none;
   border-radius: 0;
@@ -50,7 +46,7 @@
 
 [role="toolbar"] .menu-popup [role="menu"] [role="menuitemradio"]:focus,
 [role="toolbar"] .menu-popup [role="menu"] [role="menuitemradio"]:hover {
-  background: rgb(226, 239, 255);
+  background: rgb(226 239 255);
   border-top: 1px solid #005a9c;
   border-bottom: 1px solid #005a9c;
   padding-top: 0;
diff --git a/examples/toolbar/css/toolbar.css b/examples/toolbar/css/toolbar.css
index 4f070bcd55..284491d824 100644
--- a/examples/toolbar/css/toolbar.css
+++ b/examples/toolbar/css/toolbar.css
@@ -29,13 +29,13 @@
 [role="toolbar"] .spinbutton,
 [role="toolbar"] a,
 [role="toolbar"] .input {
-  border: 1px solid rgb(255, 255, 255);
+  border: 1px solid rgb(255 255 255);
   outline: none;
   display: inline-block;
   padding: 6px 12px;
   border-radius: 5px;
   text-align: center;
-  background: rgb(255, 255, 255);
+  background: rgb(255 255 255);
   color: #222428;
   font-size: 14px;
   line-height: 1.5em;
@@ -77,14 +77,14 @@
 }
 
 [role="toolbar"] button .popup-label::after {
-  border-color: rgba(0, 0, 0, 0);
+  border-color: rgb(0 0 0 / 0%);
   border-top-color: #000;
   border-width: 10px;
   margin-left: -10px;
 }
 
 [role="toolbar"] button .popup-label::before {
-  border-color: rgba(255, 255, 255, 0);
+  border-color: rgb(255 255 255 / 0%);
   border-top-color: #fff;
   border-width: 12px;
   margin-left: -12px;
@@ -117,7 +117,7 @@
 [role="toolbar"] a:focus {
   border-width: 2px;
   border-color: #005a9c;
-  background: rgb(226, 239, 255);
+  background: rgb(226 239 255);
   padding: 5px 11px;
 }
 
@@ -127,7 +127,7 @@
 [role="toolbar"] label.input:hover,
 [role="toolbar"] a:hover {
   border-color: #005a9c;
-  background: rgb(226, 239, 255);
+  background: rgb(226 239 255);
 }
 
 [role="toolbar"] [role="spinbutton"] .value,
@@ -144,11 +144,11 @@
 }
 
 [role="toolbar"] button[aria-haspopup] span::after {
-  content: url(../images/pulldown-icon.svg);
+  content: url("../images/pulldown-icon.svg");
 }
 
 [role="toolbar"] button[aria-haspopup]:focus span::after {
-  content: url(../images/pulldown-icon-focus.svg);
+  content: url("../images/pulldown-icon-focus.svg");
 }
 
 [role="toolbar"] [role="spinbutton"] .increase,
diff --git a/examples/treegrid/css/treegrid-1.css b/examples/treegrid/css/treegrid-1.css
index c1ded9ad31..9ed0a6c5e3 100644
--- a/examples/treegrid/css/treegrid-1.css
+++ b/examples/treegrid/css/treegrid-1.css
@@ -40,8 +40,8 @@
 #treegrid tr:focus,
 #treegrid td:focus,
 #treegrid a:focus {
-  outline: 2px solid hsl(216, 94%, 70%);
-  background-color: hsl(216, 80%, 97%);
+  outline: 2px solid hsl(216deg 94% 70%);
+  background-color: hsl(216deg 80% 97%);
 }
 
 #treegrid tr > td:not(:first-child),
diff --git a/package-lock.json b/package-lock.json
index ba4cbd47c7..4d769dd5a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1157,25 +1157,6 @@
       "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
       "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "requires": {
-        "remark": "^13.0.0",
-        "unist-util-find-all-after": "^3.0.2"
-      }
-    },
     "@szmarczak/http-timer": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
@@ -1191,19 +1172,10 @@
       "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
       "dev": true
     },
-    "@types/mdast": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.3.tgz",
-      "integrity": "sha512-SXPBMnFVQg1s00dlMCc/jCdvPqdE4mXaMMCeRlxLDmTAEoegHT53xKtkDnzDTOcmMHUfcjyf36/YYZ6SxRdnsw==",
-      "dev": true,
-      "requires": {
-        "@types/unist": "*"
-      }
-    },
     "@types/minimist": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.1.tgz",
-      "integrity": "sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
       "dev": true
     },
     "@types/normalize-package-data": {
@@ -1218,12 +1190,6 @@
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
-    "@types/unist": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
-      "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==",
-      "dev": true
-    },
     "acorn": {
       "version": "8.5.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.5.0.tgz",
@@ -1449,21 +1415,6 @@
       "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
       "dev": true
     },
-    "autoprefixer": {
-      "version": "9.8.6",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
-      "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
-      "dev": true,
-      "requires": {
-        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30001109",
-        "colorette": "^1.2.1",
-        "normalize-range": "^0.1.2",
-        "num2fraction": "^1.2.2",
-        "postcss": "^7.0.32",
-        "postcss-value-parser": "^4.1.0"
-      }
-    },
     "ava": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/ava/-/ava-3.15.0.tgz",
@@ -1598,12 +1549,6 @@
       "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
       "dev": true
     },
-    "bail": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
-      "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==",
-      "dev": true
-    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
@@ -1717,19 +1662,6 @@
         "fill-range": "^7.0.1"
       }
     },
-    "browserslist": {
-      "version": "4.16.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz",
-      "integrity": "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==",
-      "dev": true,
-      "requires": {
-        "caniuse-lite": "^1.0.30001181",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.649",
-        "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
-      }
-    },
     "buffer": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
@@ -1801,12 +1733,6 @@
         "quick-lru": "^4.0.1"
       }
     },
-    "caniuse-lite": {
-      "version": "1.0.30001190",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001190.tgz",
-      "integrity": "sha512-62KVw474IK8E+bACBYhRS0/L6o/1oeAVkpF2WetjV58S5vkzNh0/Rz3lD8D4YCbOTqi0/aD4X3LtoP7V5xnuAg==",
-      "dev": true
-    },
     "capture-stack-trace": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz",
@@ -1829,24 +1755,6 @@
         "supports-color": "^7.1.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==",
-      "dev": true
-    },
-    "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==",
-      "dev": true
-    },
-    "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==",
-      "dev": true
-    },
     "cheerio": {
       "version": "1.0.0-rc.5",
       "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.5.tgz",
@@ -2088,12 +1996,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
-    "colorette": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz",
-      "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==",
-      "dev": true
-    },
     "combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -2719,12 +2621,6 @@
         "safer-buffer": "^2.1.0"
       }
     },
-    "electron-to-chromium": {
-      "version": "1.3.671",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.671.tgz",
-      "integrity": "sha512-RTD97QkdrJKaKwRv9h/wGAaoR2lGxNXEcBXS31vjitgTPwTWAbLdS7cEsBK68eEQy7p6YyT8D5BxBEYHu2SuwQ==",
-      "dev": true
-    },
     "emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -3749,15 +3645,6 @@
       "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
       "dev": true
     },
-    "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==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5"
-      }
-    },
     "got": {
       "version": "9.6.0",
       "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
@@ -4061,12 +3948,6 @@
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
       "dev": true
     },
-    "indexes-of": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
-      "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
-      "dev": true
-    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -4095,22 +3976,6 @@
       "integrity": "sha512-YqTdPLfwP7YFN0SsD3QUVCkm9ZG2VzOXv3DOrw5G5mkMbVwptTwVcFv7/C0vOpBmgTxAeTG19XpUs1E522LW9Q==",
       "dev": true
     },
-    "is-alphabetical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
-      "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==",
-      "dev": true
-    },
-    "is-alphanumerical": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
-      "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
-      "dev": true,
-      "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",
@@ -4126,12 +3991,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==",
-      "dev": true
-    },
     "is-ci": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
@@ -4142,20 +4001,14 @@
       }
     },
     "is-core-module": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.2.0.tgz",
-      "integrity": "sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==",
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
+      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
       "dev": true,
       "requires": {
         "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==",
-      "dev": true
-    },
     "is-dotfile": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
@@ -4189,12 +4042,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==",
-      "dev": true
-    },
     "is-installed-globally": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
@@ -4485,9 +4332,9 @@
       "dev": true
     },
     "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
     },
     "latest-version": {
@@ -4625,12 +4472,24 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
     "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==",
       "dev": true
     },
+    "lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
     "log-symbols": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz",
@@ -4676,12 +4535,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==",
-      "dev": true
-    },
     "lowercase-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
@@ -4724,9 +4577,9 @@
       }
     },
     "map-obj": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.1.0.tgz",
-      "integrity": "sha512-glc9y00wgtwcDmp7GaE/0b0OnxpNJsVf3ael/An6Fe2Q51LLwN1er6sdomLRzz5h0+yMpiYLhWYF5R7HeqVd4g==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
       "dev": true
     },
     "matcher": {
@@ -4761,39 +4614,6 @@
         "blueimp-md5": "^2.10.0"
       }
     },
-    "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "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==",
-      "dev": true
-    },
     "mem": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/mem/-/mem-8.0.0.tgz",
@@ -4833,40 +4653,30 @@
       },
       "dependencies": {
         "hosted-git-info": {
-          "version": "3.0.8",
-          "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.8.tgz",
-          "integrity": "sha512-aXpmwoOhRBrw6X3j0h5RloK4x1OzsxMPyxqIHyNfSe2pypkVTZFpEiRoSipPEPlMrh0HW/XsjkJ5WgnCirpNUw==",
+          "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"
           }
         },
         "normalize-package-data": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.0.tgz",
-          "integrity": "sha512-6lUjEI0d3v6kFrtgA/lOx4zHCWULXsFNIjHolnZCKCTLA6m/G625cdn3O7eNmT0iD3jfo6HZ9cdImGZwf21prw==",
+          "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": "^3.0.6",
-            "resolve": "^1.17.0",
-            "semver": "^7.3.2",
+            "hosted-git-info": "^4.0.1",
+            "is-core-module": "^2.5.0",
+            "semver": "^7.3.4",
             "validate-npm-package-license": "^3.0.1"
           }
         },
-        "resolve": {
-          "version": "1.20.0",
-          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-          "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
-          "dev": true,
-          "requires": {
-            "is-core-module": "^2.2.0",
-            "path-parse": "^1.0.6"
-          }
-        },
         "semver": {
-          "version": "7.3.4",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.4.tgz",
-          "integrity": "sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==",
+          "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"
@@ -4898,16 +4708,6 @@
       "integrity": "sha512-lkJ3Rj/mtjlRcHk6YyCbvZhyWTOzdBvTHsxMmZSk5jxN1YyVSQ+JETAom55mdzfcyDrY/49Z7UCW760BK30crg==",
       "dev": true
     },
-    "micromark": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz",
-      "integrity": "sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==",
-      "dev": true,
-      "requires": {
-        "debug": "^4.0.0",
-        "parse-entities": "^2.0.0"
-      }
-    },
     "micromatch": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
@@ -5016,6 +4816,12 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "nanoid": {
+      "version": "3.1.30",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
+      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "dev": true
+    },
     "natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -5036,12 +4842,6 @@
         "he": "1.2.0"
       }
     },
-    "node-releases": {
-      "version": "1.1.70",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.70.tgz",
-      "integrity": "sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw==",
-      "dev": true
-    },
     "node-status-codes": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/node-status-codes/-/node-status-codes-1.0.0.tgz",
@@ -5066,12 +4866,6 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true
     },
-    "normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
-      "dev": true
-    },
     "normalize-selector": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
@@ -5527,12 +5321,6 @@
         "boolbase": "^1.0.0"
       }
     },
-    "num2fraction": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
-      "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
-      "dev": true
-    },
     "oauth-sign": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
@@ -5708,20 +5496,6 @@
         "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==",
-      "dev": true,
-      "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-glob": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
@@ -5935,166 +5709,14 @@
       }
     },
     "postcss": {
-      "version": "7.0.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-      "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
+      "version": "8.3.11",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.11.tgz",
+      "integrity": "sha512-hCmlUAIlUiav8Xdqw3Io4LcpA1DOt7h3LSTAC4G6JGHFFaWzI6qvFt9oilvl8BmkbBRX1IhM90ZAmpk68zccQA==",
       "dev": true,
       "requires": {
-        "chalk": "^2.4.2",
-        "source-map": "^0.6.1",
-        "supports-color": "^6.1.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "5.5.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-          "dev": true
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-          "dev": true
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
-    "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==",
-      "dev": true,
-      "requires": {
-        "htmlparser2": "^3.10.0"
-      },
-      "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==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^2.0.1",
-            "entities": "^2.0.0"
-          },
-          "dependencies": {
-            "domelementtype": {
-              "version": "2.1.0",
-              "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.1.0.tgz",
-              "integrity": "sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==",
-              "dev": true
-            },
-            "entities": {
-              "version": "2.2.0",
-              "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-              "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-              "dev": true
-            }
-          }
-        },
-        "domelementtype": {
-          "version": "1.3.1",
-          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-          "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
-          "dev": true
-        },
-        "domhandler": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-          "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "1"
-          }
-        },
-        "domutils": {
-          "version": "1.7.0",
-          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-          "dev": true,
-          "requires": {
-            "dom-serializer": "0",
-            "domelementtype": "1"
-          }
-        },
-        "entities": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
-          "dev": true
-        },
-        "htmlparser2": {
-          "version": "3.10.1",
-          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-          "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-          "dev": true,
-          "requires": {
-            "domelementtype": "^1.3.1",
-            "domhandler": "^2.3.0",
-            "domutils": "^1.5.1",
-            "entities": "^1.1.1",
-            "inherits": "^2.0.1",
-            "readable-stream": "^3.1.1"
-          }
-        }
-      }
-    },
-    "postcss-less": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz",
-      "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==",
-      "dev": true,
-      "requires": {
-        "postcss": "^7.0.14"
+        "nanoid": "^3.1.30",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^0.6.2"
       }
     },
     "postcss-media-query-parser": {
@@ -6110,51 +5732,21 @@
       "dev": true
     },
     "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==",
-      "dev": true,
-      "requires": {
-        "postcss": "^7.0.26"
-      }
-    },
-    "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==",
-      "dev": true,
-      "requires": {
-        "gonzales-pe": "^4.3.0",
-        "postcss": "^7.0.21"
-      }
-    },
-    "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==",
-      "dev": true,
-      "requires": {
-        "postcss": "^7.0.6"
-      }
+      "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
     },
     "postcss-selector-parser": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
-      "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
+      "integrity": "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==",
       "dev": true,
       "requires": {
         "cssesc": "^3.0.0",
-        "indexes-of": "^1.0.1",
-        "uniq": "^1.0.1",
         "util-deprecate": "^1.0.2"
       }
     },
-    "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==",
-      "dev": true
-    },
     "postcss-value-parser": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
@@ -6411,35 +6003,6 @@
         "rc": "^1.2.8"
       }
     },
-    "remark": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz",
-      "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "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",
@@ -6727,6 +6290,12 @@
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true
     },
+    "source-map-js": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
+      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
+      "dev": true
+    },
     "source-map-support": {
       "version": "0.5.19",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz",
@@ -6911,98 +6480,111 @@
       "dev": true
     },
     "stylelint": {
-      "version": "13.11.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.11.0.tgz",
-      "integrity": "sha512-DhrKSWDWGZkCiQMtU+VroXM6LWJVC8hSK24nrUngTSQvXGK75yZUq4yNpynqrxD3a/fzKMED09V+XxO4z4lTbw==",
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.0.1.tgz",
+      "integrity": "sha512-ZcAkmFLVCultmwkQUjxKzxW/o5+CzNmDk6TPJj/d4Y7ipTGGrewIWmNm+InjdSr04PR5/yynsAJeYJY/wisdMg==",
       "dev": true,
       "requires": {
-        "@stylelint/postcss-css-in-js": "^0.37.2",
-        "@stylelint/postcss-markdown": "^0.36.2",
-        "autoprefixer": "^9.8.6",
-        "balanced-match": "^1.0.0",
-        "chalk": "^4.1.0",
-        "cosmiconfig": "^7.0.0",
-        "debug": "^4.3.1",
+        "balanced-match": "^2.0.0",
+        "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.0",
+        "file-entry-cache": "^6.0.1",
         "get-stdin": "^8.0.0",
         "global-modules": "^2.0.0",
-        "globby": "^11.0.2",
+        "globby": "^11.0.4",
         "globjoin": "^0.1.4",
         "html-tags": "^3.1.0",
         "ignore": "^5.1.8",
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
-        "known-css-properties": "^0.21.0",
-        "lodash": "^4.17.20",
-        "log-symbols": "^4.0.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.2",
+        "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.4",
-        "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.0",
-        "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.0.7",
-        "v8-compile-cache": "^2.2.0",
+        "table": "^6.7.2",
+        "v8-compile-cache": "^2.3.0",
         "write-file-atomic": "^3.0.3"
       },
       "dependencies": {
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "balanced-match": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+          "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+          "dev": true
+        },
+        "cosmiconfig": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+          "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
           "dev": true,
           "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.2.1",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.10.0"
           }
         },
         "debug": {
-          "version": "4.3.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-          "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+          "version": "4.3.2",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz",
+          "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==",
           "dev": true,
           "requires": {
             "ms": "2.1.2"
           }
         },
         "fast-glob": {
-          "version": "3.2.5",
-          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.5.tgz",
-          "integrity": "sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==",
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
+          "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
           "dev": true,
           "requires": {
             "@nodelib/fs.stat": "^2.0.2",
             "@nodelib/fs.walk": "^1.2.3",
-            "glob-parent": "^5.1.0",
+            "glob-parent": "^5.1.2",
             "merge2": "^1.3.0",
-            "micromatch": "^4.0.2",
-            "picomatch": "^2.2.1"
+            "micromatch": "^4.0.4"
+          }
+        },
+        "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"
           }
         },
         "globby": {
-          "version": "11.0.2",
-          "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.2.tgz",
-          "integrity": "sha512-2ZThXDvvV8fYFRVIxnrMQBipZQDr7MxKAmQK1vujaj9/7eF0efG7BPUKJ7jP7G5SLF37xKDXvO4S/KKLj/Z0og==",
+          "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",
@@ -7024,48 +6606,93 @@
           "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
           "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
           "dev": true
+        },
+        "micromatch": {
+          "version": "4.0.4",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
+          "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.1",
+            "picomatch": "^2.2.3"
+          }
+        },
+        "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",
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
+          }
+        },
+        "picomatch": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz",
+          "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==",
+          "dev": true
+        },
+        "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",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        },
+        "v8-compile-cache": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+          "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+          "dev": true
         }
       }
     },
     "stylelint-config-prettier": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-8.0.2.tgz",
-      "integrity": "sha512-TN1l93iVTXpF9NJstlvP7nOu9zY2k+mN0NSFQ/VEGz15ZIP9ohdDZTtCWHs5LjctAhSAzaILULGbgiM0ItId3A==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz",
+      "integrity": "sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==",
       "dev": true
     },
     "stylelint-config-recommended": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-3.0.0.tgz",
-      "integrity": "sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==",
+      "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
     },
     "stylelint-config-standard": {
-      "version": "20.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-20.0.0.tgz",
-      "integrity": "sha512-IB2iFdzOTA/zS4jSVav6z+wGtin08qfj+YyExHB3LF9lnouQht//YyB0KZq9gGz5HNPkddHOzcY8HsUey6ZUlA==",
+      "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": "^3.0.0"
+        "stylelint-config-recommended": "^6.0.0"
       }
     },
     "stylelint-prettier": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/stylelint-prettier/-/stylelint-prettier-1.1.2.tgz",
-      "integrity": "sha512-8QZ+EtBpMCXYB6cY0hNE3aCDKMySIx4Q8/malLaqgU/KXXa6Cj2KK8ulG1AJvUMD5XSSP8rOotqaCzR/BW6qAA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-prettier/-/stylelint-prettier-1.2.0.tgz",
+      "integrity": "sha512-/MYz6W2CNgKHblPzPtk7cybu8H5dGG3c2GevL64RButERj1uJg4SdBIIat1hMfDOmN6QQpldc6tCc//ZAWh9WQ==",
       "dev": true,
       "requires": {
         "prettier-linter-helpers": "^1.0.0"
       }
     },
-    "sugarss": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz",
-      "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==",
-      "dev": true,
-      "requires": {
-        "postcss": "^7.0.2"
-      }
-    },
     "supertap": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/supertap/-/supertap-2.0.0.tgz",
@@ -7095,21 +6722,23 @@
       "dev": true
     },
     "table": {
-      "version": "6.0.7",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.0.7.tgz",
-      "integrity": "sha512-rxZevLGTUzWna/qBLObOe16kB2RTnnbhciwgPbMMlazz1yZGVEgnZK762xyVdVznhqxrfCeBMmMkgOOaPwjH7g==",
+      "version": "6.7.2",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.7.2.tgz",
+      "integrity": "sha512-UFZK67uvyNivLeQbVtkiUs8Uuuxv24aSL4/Vil2PJVtMgU8Lx0CYkP12uCGa3kjyQzOSgV1+z9Wkb82fCGsO0g==",
       "dev": true,
       "requires": {
-        "ajv": "^7.0.2",
-        "lodash": "^4.17.20",
+        "ajv": "^8.0.1",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.truncate": "^4.4.2",
         "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0"
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
       },
       "dependencies": {
         "ajv": {
-          "version": "7.1.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-7.1.1.tgz",
-          "integrity": "sha512-ga/aqDYnUy/o7vbsRTFhhTsNeXiYb5JWDIcRIeZfwRNCefwjNTVYCGdGSUrEmiu3yDK3vFvNbgJxvrQW4JXrYQ==",
+          "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",
@@ -7118,6 +6747,12 @@
             "uri-js": "^4.2.2"
           }
         },
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
         "json-schema-traverse": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
@@ -7134,6 +6769,26 @@
             "astral-regex": "^2.0.0",
             "is-fullwidth-code-point": "^3.0.0"
           }
+        },
+        "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",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
         }
       }
     },
@@ -7228,9 +6883,9 @@
       }
     },
     "trim-newlines": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
-      "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
       "dev": true
     },
     "trim-off-newlines": {
@@ -7239,12 +6894,6 @@
       "integrity": "sha1-n5up2e+odkw4dpi8v+sshI8RrbM=",
       "dev": true
     },
-    "trough": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
-      "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==",
-      "dev": true
-    },
     "tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -7290,34 +6939,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "unified": {
-      "version": "9.2.0",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.0.tgz",
-      "integrity": "sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg==",
-      "dev": true,
-      "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"
-      },
-      "dependencies": {
-        "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==",
-          "dev": true
-        }
-      }
-    },
-    "uniq": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
-      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
-      "dev": true
-    },
     "unique-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
@@ -7327,30 +6948,6 @@
         "crypto-random-string": "^2.0.0"
       }
     },
-    "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==",
-      "dev": true,
-      "requires": {
-        "unist-util-is": "^4.0.0"
-      }
-    },
-    "unist-util-is": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.4.tgz",
-      "integrity": "sha512-3dF39j/u423v4BBQrk1AQ2Ve1FxY5W3JKwXxVFzBODQ6WEvccguhgp802qQLKSnxPODE6WuRZtV+ohlUg4meBA==",
-      "dev": true
-    },
-    "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==",
-      "dev": true,
-      "requires": {
-        "@types/unist": "^2.0.2"
-      }
-    },
     "universal-user-agent": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-6.0.0.tgz",
@@ -7468,28 +7065,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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "requires": {
-        "@types/unist": "^2.0.0",
-        "unist-util-stringify-position": "^2.0.0"
-      }
-    },
     "vnu-jar": {
       "version": "21.2.5",
       "resolved": "https://registry.npmjs.org/vnu-jar/-/vnu-jar-21.2.5.tgz",
@@ -7653,12 +7228,6 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true
-    },
-    "zwitch": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
-      "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==",
-      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index 2a48b476aa..f17ee4d7ff 100644
--- a/package.json
+++ b/package.json
@@ -57,10 +57,10 @@
     "pinst": "^2.1.4",
     "prettier": "^2.4.1",
     "selenium-webdriver": "^4.0.0-beta.1",
-    "stylelint": "^13.11.0",
-    "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-standard": "^20.0.0",
-    "stylelint-prettier": "^1.1.2",
+    "stylelint": "^14.0.1",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^23.0.0",
+    "stylelint-prettier": "^1.2.0",
     "vnu-jar": "^21.2.5"
   },
   "lint-staged": {