diff --git a/package.json b/package.json
index f3fb7646cc..bdef3eedd9 100644
--- a/package.json
+++ b/package.json
@@ -151,14 +151,14 @@
     "raw-loader": "^4.0.2",
     "rimraf": "^3.0.2",
     "style-loader": "^3.3.1",
-    "stylelint": "^14.11.0",
-    "stylelint-config-idiomatic-order": "^8.1.0",
+    "stylelint": "^14.12.1",
+    "stylelint-config-idiomatic-order": "^9.0.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^28.0.0",
     "stylelint-prettier": "^2.0.0",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.10.1",
+    "webpack-dev-server": "^4.11.1",
     "workbox-webpack-plugin": "^6.5.4"
   },
   "jest": {
diff --git a/res/css/photon/button.css b/res/css/photon/button.css
index e81d53ba75..21ae58569b 100644
--- a/res/css/photon/button.css
+++ b/res/css/photon/button.css
@@ -6,6 +6,7 @@
 .photon-button {
   padding: 0 8px;
   border: none;
+  border-radius: 2px;
   margin: 0;
 
   /* reset default styles */
@@ -13,7 +14,6 @@
 
   /* photon styles */
   background-color: var(--grey-90-a10);
-  border-radius: 2px;
   color: var(--grey-90);
   font: inherit;
 }
diff --git a/res/css/photon/checkbox.css b/res/css/photon/checkbox.css
index 4c9524afa2..5db0c2b9b4 100644
--- a/res/css/photon/checkbox.css
+++ b/res/css/photon/checkbox.css
@@ -6,9 +6,9 @@
   position: relative;
   padding: 0;
   border: 1px solid var(--grey-90-a30);
+  border-radius: 2px;
   appearance: none;
   background-color: var(--grey-90-a10);
-  border-radius: 2px;
 }
 
 /* Remove the border, as it compets with box-shadow styles applied with focus.css */
diff --git a/res/css/photon/message-bar.css b/res/css/photon/message-bar.css
index f2a67d6ce7..181a4f8b9d 100644
--- a/res/css/photon/message-bar.css
+++ b/res/css/photon/message-bar.css
@@ -13,13 +13,13 @@
    * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px
    * (space between icon and text) */
   padding: 4px 4px 4px 32px;
+  border-radius: 4px;
 
   /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding
    * for the icon). And same for the top positioning, because we want the icon
    * to stick at the top when the text is multiline */
   background: url(../../img/svg/info-icon.svg) no-repeat 8px 8px / 16px 16px
     var(--grey-20);
-  border-radius: 4px;
   color: var(--grey-90);
   font-size: 13px;
   font-weight: 400;
diff --git a/res/css/photon/radio-button.css b/res/css/photon/radio-button.css
index 214bd50bb9..5fc657c366 100644
--- a/res/css/photon/radio-button.css
+++ b/res/css/photon/radio-button.css
@@ -4,10 +4,10 @@
 
 .photon-radio {
   border: 1px solid var(--grey-90-a30);
+  border-radius: 8px;
   appearance: none;
   background: none;
   background-color: var(--grey-90-a10);
-  border-radius: 8px;
 }
 
 /* Use this class with the photon-radio for the canonical photon styling. */
diff --git a/src/components/app/BottomBox.css b/src/components/app/BottomBox.css
index b77da63251..15caca382f 100644
--- a/src/components/app/BottomBox.css
+++ b/src/components/app/BottomBox.css
@@ -62,9 +62,9 @@
   flex-flow: row;
   align-items: center;
   padding: 15px;
+  border-radius: 10px;
   margin: auto;
   background-color: rgb(240 240 240 / 0.8);
-  border-radius: 10px;
   gap: 15px;
   word-break: break-word;
 }
diff --git a/src/components/app/CompareHome.css b/src/components/app/CompareHome.css
index 1be44c5118..2b9d036069 100644
--- a/src/components/app/CompareHome.css
+++ b/src/components/app/CompareHome.css
@@ -5,11 +5,11 @@
   /* Box */
   padding: 8em;
   border: 1px solid #ccc;
+  border-radius: 3px;
   margin: auto;
 
   /* Other */
   background: #fff;
-  border-radius: 3px;
   box-shadow: 0 5px 25px #0b1f50;
   font-size: 130%;
 }
diff --git a/src/components/app/ErrorBoundary.css b/src/components/app/ErrorBoundary.css
index 29dac7c6d0..decb5e59bd 100644
--- a/src/components/app/ErrorBoundary.css
+++ b/src/components/app/ErrorBoundary.css
@@ -25,9 +25,9 @@
 
 .appErrorBoundaryDetails {
   padding: 25px;
+  border-radius: 4px;
   margin: 12px 0;
   background: #fff;
-  border-radius: 4px;
   box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
   color: var(--grey-70);
   font-family: monospace;
diff --git a/src/components/app/Home.css b/src/components/app/Home.css
index 89056df043..3b113d7885 100644
--- a/src/components/app/Home.css
+++ b/src/components/app/Home.css
@@ -15,9 +15,9 @@
 .homeSpecialMessage {
   padding: 8px 16px;
   border: 1px solid #000;
+  border-radius: 3px;
   margin: 17px 0;
   background-color: #798fc8;
-  border-radius: 3px;
   color: #fff;
 }
 
@@ -29,8 +29,8 @@
   box-sizing: border-box;
   padding: 4em 8em;
   border: 1px solid #ccc;
-  background-color: #fff;
   border-radius: 3px;
+  background-color: #fff;
   box-shadow: 0 5px 25px #0b1f50;
   font-size: 130%;
 }
@@ -39,9 +39,9 @@
   display: inline-block;
   padding: 0 0.5em;
   border: 1px solid #ccc;
+  border-radius: 0.2em;
   margin: 0 0.2em;
   background-color: #f6f6f6;
-  border-radius: 0.2em;
   box-shadow: 0.1em 0.1em 0 #bbb;
 }
 
diff --git a/src/components/app/KeyboardShortcut.css b/src/components/app/KeyboardShortcut.css
index 21e8db4600..cb2772af4b 100644
--- a/src/components/app/KeyboardShortcut.css
+++ b/src/components/app/KeyboardShortcut.css
@@ -26,10 +26,10 @@
 
   /* appKeyboardShortcuts margin top + bottom = 40px */
   max-height: calc(100% - 40px);
+  border-radius: 5px;
   margin: 0 auto;
   animation: arrowPanelAppear 0.2s cubic-bezier(0.07, 0.95, 0, 1);
   background: #fff;
-  border-radius: 5px;
   filter: drop-shadow(0 0 0.5px rgb(0 0 0 / 0.4))
     drop-shadow(0 4px 5px rgb(0 0 0 / 0.4));
 }
@@ -54,8 +54,8 @@
   display: inline-flex;
   align-items: center;
   padding: 0 5px;
-  background: rgb(222 222 227 / 0.79);
   border-radius: 3px;
+  background: rgb(222 222 227 / 0.79);
   box-shadow: 1px 1px rgb(0 0 0 / 0.27);
   color: #000;
   margin-inline-start: 6px;
@@ -91,12 +91,12 @@
 .appKeyboardShortcutsHeaderClose {
   padding: 6px 6px 6px 30px;
   border: 0;
+  border-radius: 3px;
 
   /* Allow for the photon focus ring to fit in the space by using a 4px margin. */
   margin: 4px;
   background: url(../../../res/img/svg/searchfield-cancel.svg) 10px center
     no-repeat;
-  border-radius: 3px;
   cursor: pointer;
   font-size: inherit;
 }
diff --git a/src/components/app/MenuButtons/Publish.css b/src/components/app/MenuButtons/Publish.css
index ddfa09113c..0f9fa96f90 100644
--- a/src/components/app/MenuButtons/Publish.css
+++ b/src/components/app/MenuButtons/Publish.css
@@ -141,14 +141,15 @@
 .menuButtonsPublishUploadBar {
   overflow: hidden;
   height: 5px;
-  background-color: var(--grey-40);
   border-radius: 2px;
+  background-color: var(--grey-40);
 }
 
 .menuButtonsPublishUploadBarInner {
   position: absolute;
   top: 0;
   height: 3px;
+  border-radius: 0 2px 2px 0;
   animation: animate-stripes 1s linear infinite;
   background-color: var(--blue-50);
   background-image: linear-gradient(
@@ -163,7 +164,6 @@
     transparent 80%
   );
   background-size: 21px 20px, 100% 100%, 100% 100%;
-  border-radius: 0 2px 2px 0;
 }
 
 @keyframes animate-stripes {
diff --git a/src/components/app/ProfileName.css b/src/components/app/ProfileName.css
index 5839e91cdb..d8c0944069 100644
--- a/src/components/app/ProfileName.css
+++ b/src/components/app/ProfileName.css
@@ -6,8 +6,8 @@
   height: 17px;
   padding: 0 6px;
   border: none;
-  margin: 4px;
   border-radius: 1px;
+  margin: 4px;
   color: var(--grey-60);
   font: inherit;
   font-weight: 700;
diff --git a/src/components/app/ProfileRootMessage.css b/src/components/app/ProfileRootMessage.css
index fde52de4e9..cd3314ab61 100644
--- a/src/components/app/ProfileRootMessage.css
+++ b/src/components/app/ProfileRootMessage.css
@@ -20,8 +20,8 @@
   box-sizing: border-box;
   padding: 3em;
   border: 1px solid #ccc;
-  background-color: #fff;
   border-radius: 3px;
+  background-color: #fff;
   box-shadow: 0 5px 25px #0b1f50;
   font-size: 130%;
 }
@@ -52,10 +52,10 @@
 .loading-div {
   position: absolute;
   height: 8px;
+  border-radius: 2px;
   animation-duration: 4000ms;
   animation-iteration-count: infinite;
   animation-name: loadingdiv;
-  border-radius: 2px;
 }
 
 .loading-row-1 {
diff --git a/src/components/app/ProfileViewer.css b/src/components/app/ProfileViewer.css
index 8e650a18b5..e59a7ccdca 100644
--- a/src/components/app/ProfileViewer.css
+++ b/src/components/app/ProfileViewer.css
@@ -76,12 +76,12 @@
   flex: none;
   padding: 0;
   border: 1px solid var(--green-60);
+  border-radius: 3px;
   margin: 3px 0 3px 3px;
 
   /* Other */
   background: var(--green-50) url(../../../res/img/svg/back-arrow.svg) center
     center no-repeat;
-  border-radius: 3px;
   color: #000;
 }
 
diff --git a/src/components/app/SymbolicationStatusOverlay.css b/src/components/app/SymbolicationStatusOverlay.css
index 1dc3dc29a4..1fbc0b1adc 100644
--- a/src/components/app/SymbolicationStatusOverlay.css
+++ b/src/components/app/SymbolicationStatusOverlay.css
@@ -12,8 +12,8 @@
   padding-top: 8px;
   padding-right: 10px;
   padding-left: 10px;
-  background: var(--grey-20);
   border-radius: 0 0 5px 5px;
+  background: var(--grey-20);
   box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.1), 0 2px 4px rgb(0 0 0 / 0.1);
   line-height: 20px;
   text-align: center;
diff --git a/src/components/app/UploadedRecordingsHome.css b/src/components/app/UploadedRecordingsHome.css
index a1bb9cb5d4..9d9f48f335 100644
--- a/src/components/app/UploadedRecordingsHome.css
+++ b/src/components/app/UploadedRecordingsHome.css
@@ -9,11 +9,11 @@
   box-sizing: border-box;
   padding: 3em 1em;
   border: 1px solid #ccc;
+  border-radius: 3px;
   margin: auto;
 
   /* Other */
   background: #fff;
-  border-radius: 3px;
   box-shadow: 0 5px 25px #0b1f50;
   font-size: 13px;
   line-height: 1.5;
diff --git a/src/components/app/ZipFileViewer.css b/src/components/app/ZipFileViewer.css
index 953f7da48c..1e4a1b0e9d 100644
--- a/src/components/app/ZipFileViewer.css
+++ b/src/components/app/ZipFileViewer.css
@@ -29,10 +29,10 @@
   box-sizing: border-box;
   flex-direction: column;
   border: 1px solid #ccc;
+  border-radius: 3px;
 
   /* Other */
   background-color: #fff;
-  border-radius: 3px;
   box-shadow: 0 5px 25px #0b1f50;
 }
 
@@ -72,8 +72,8 @@
    */
   max-width: 70%;
   padding: 0 5px;
-  background-color: var(--grey-30);
   border-radius: 3px;
+  background-color: var(--grey-30);
   font-family: monospace;
   text-overflow: ellipsis;
 }
diff --git a/src/components/network-chart/index.css b/src/components/network-chart/index.css
index 5ceb016cc4..79e96c5c98 100644
--- a/src/components/network-chart/index.css
+++ b/src/components/network-chart/index.css
@@ -54,11 +54,11 @@
   display: inline-block;
   overflow: hidden; /* This clips this element's children using its border-radius */
   height: 14px;
+  border-radius: 2px;
   margin: 1px 0; /* Because the line's height is 16px, this margin vertically centers the bar */
 
   /* styling properties */
   background-color: var(--grey-20);
-  border-radius: 2px;
   box-shadow: 0 0 0 1px inset var(--marker-color);
   opacity: 0.7;
 }
diff --git a/src/components/shared/ButtonWithPanel/ArrowPanel.css b/src/components/shared/ButtonWithPanel/ArrowPanel.css
index ef5544961f..995a927ccc 100644
--- a/src/components/shared/ButtonWithPanel/ArrowPanel.css
+++ b/src/components/shared/ButtonWithPanel/ArrowPanel.css
@@ -19,8 +19,8 @@
   top: var(--internal-offset-from-top);
   right: calc(var(--internal-offset-from-right) * -1);
   min-width: var(--internal-width);
-  background: hsl(0deg 0% 97% / 0.95);
   border-radius: 5px;
+  background: hsl(0deg 0% 97% / 0.95);
   color: black;
   filter: drop-shadow(0 0 0.5px rgb(0 0 0 / 0.4))
     drop-shadow(0 4px 5px rgb(0 0 0 / 0.4));
diff --git a/src/components/shared/CallNodeContextMenu.css b/src/components/shared/CallNodeContextMenu.css
index 94f3682b63..3698c40b3a 100644
--- a/src/components/shared/CallNodeContextMenu.css
+++ b/src/components/shared/CallNodeContextMenu.css
@@ -33,11 +33,11 @@
 
 .callNodeContextMenuShortcut {
   padding: 0 5px;
+  border-radius: 3px;
 
   /* This color is based off of photon grey, but adjusted to have a nice visual look
      when hovering. */
   background: #dedee3c9;
-  border-radius: 3px;
   box-shadow: 1px 1px #0004;
 
   /* Override the hover color. */
diff --git a/src/components/shared/ContextMenu.css b/src/components/shared/ContextMenu.css
index cf56fa883f..130b8a1986 100644
--- a/src/components/shared/ContextMenu.css
+++ b/src/components/shared/ContextMenu.css
@@ -8,9 +8,9 @@
   min-width: 160px;
   max-width: 600px;
   padding: 5px 0;
+  border-radius: 3px;
   margin: 2px 0 0;
   background-color: #fff;
-  border-radius: 3px;
   box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.1), 0 10px 12px rgb(0 0 0 / 0.3);
   color: #000;
   font-size: 12px;
diff --git a/src/components/shared/TreeView.css b/src/components/shared/TreeView.css
index 831c8c86a3..dda999b6ad 100644
--- a/src/components/shared/TreeView.css
+++ b/src/components/shared/TreeView.css
@@ -165,13 +165,13 @@
 
 .treeViewHighlighting {
   padding: 1px 0;
+  border-radius: 2px;
 
   /* This negative margin enlarges the background to the top, so that it fully
   * covers the underlying background. There's an underlying background when the
   * line is selected. */
   margin: -1px 0;
   background: #cbe8fe;
-  border-radius: 2px;
   box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.05), 0 1px 1px rgb(0 0 0 / 0.3);
   color: #000;
 }
diff --git a/src/components/shared/chart/Viewport.css b/src/components/shared/chart/Viewport.css
index 2ded46c804..e58853a182 100644
--- a/src/components/shared/chart/Viewport.css
+++ b/src/components/shared/chart/Viewport.css
@@ -40,8 +40,8 @@
   left: 0;
   overflow: hidden;
   padding: 3px 10px;
-  background: rgb(0 0 0 / 0.07);
   border-radius: 0 5px 0 0;
+  background: rgb(0 0 0 / 0.07);
   box-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.1), 0 2px 4px rgb(0 0 0 / 0.1);
   line-height: 20px;
   opacity: 1;
@@ -63,9 +63,9 @@
   display: inline-block;
   padding: 0 0.5em;
   border: 1px solid #ccc;
+  border-radius: 0.2em;
   margin: 0 0.2em;
   background-color: #f6f6f6;
-  border-radius: 0.2em;
   box-shadow: -0.1em 0.1em 0 #bbb;
   color: #000;
 }
diff --git a/src/components/timeline/Selection.css b/src/components/timeline/Selection.css
index 5601efb6a5..0be94c0c6f 100644
--- a/src/components/timeline/Selection.css
+++ b/src/components/timeline/Selection.css
@@ -78,9 +78,9 @@
   width: 0;
   padding: 3px;
   border: 1px solid white;
+  border-radius: 5px;
   margin: 0 -4px;
   background: #aaa;
-  border-radius: 5px;
   cursor: ew-resize;
 }
 
@@ -113,8 +113,8 @@
   position: absolute;
   top: 20px;
   padding: 4px 8px;
-  background-color: var(--blue-50);
   border-radius: 0 0 4px 4px;
+  background-color: var(--blue-50);
   box-shadow: 0 2px 2px rgb(0 0 0 / 0.2);
   color: #fff;
   opacity: 1;
@@ -132,10 +132,10 @@
   height: 30px;
   box-sizing: border-box;
   border: 1px solid rgb(0 0 0 / 0.2);
+  border-radius: 100%;
   margin: -15px;
   background: url(../../../res/img/svg/zoom-icon.svg) center center no-repeat
     rgb(255 255 255 / 0.6);
-  border-radius: 100%;
   opacity: 0.5;
   pointer-events: auto;
   transition: opacity 200ms ease-in-out;
diff --git a/src/components/timeline/Track.css b/src/components/timeline/Track.css
index f9f43a4a58..d1640fff99 100644
--- a/src/components/timeline/Track.css
+++ b/src/components/timeline/Track.css
@@ -69,10 +69,10 @@
   flex-shrink: 0;
   padding: 1px;
   border: 0;
+  border-radius: 2px;
   background: url(../../../res/img/svg/close-dark.svg) no-repeat center;
   background-origin: content-box;
   background-size: contain;
-  border-radius: 2px;
   color: transparent;
   margin-inline-end: 2px;
   -moz-user-focus: ignore;
diff --git a/src/components/timeline/TrackEventDelay.css b/src/components/timeline/TrackEventDelay.css
index 858ebd0fb1..498da075a8 100644
--- a/src/components/timeline/TrackEventDelay.css
+++ b/src/components/timeline/TrackEventDelay.css
@@ -18,10 +18,10 @@
   position: absolute;
   width: 6px;
   height: 6px;
+  border-radius: 3px;
   margin-top: -3px;
   margin-left: -3px;
   background-color: var(--orange-60);
-  border-radius: 3px;
   pointer-events: none;
 }
 
diff --git a/src/components/timeline/TrackMemory.css b/src/components/timeline/TrackMemory.css
index 46ce68c7d4..b51b182c9d 100644
--- a/src/components/timeline/TrackMemory.css
+++ b/src/components/timeline/TrackMemory.css
@@ -18,10 +18,10 @@
   position: absolute;
   width: 6px;
   height: 6px;
+  border-radius: 3px;
   margin-top: -3px;
   margin-left: -3px;
   background-color: var(--orange-60);
-  border-radius: 3px;
   pointer-events: none;
 }
 
diff --git a/src/components/timeline/TrackPower.css b/src/components/timeline/TrackPower.css
index 8f07a950df..7ecd677585 100644
--- a/src/components/timeline/TrackPower.css
+++ b/src/components/timeline/TrackPower.css
@@ -18,9 +18,9 @@
   position: absolute;
   width: 6px;
   height: 6px;
+  border-radius: 3px;
   margin-top: -3px;
   margin-left: -3px;
   background-color: var(--grey-50);
-  border-radius: 3px;
   pointer-events: none;
 }
diff --git a/src/components/timeline/TrackProcessCPU.css b/src/components/timeline/TrackProcessCPU.css
index 233e4b19bb..f834f41728 100644
--- a/src/components/timeline/TrackProcessCPU.css
+++ b/src/components/timeline/TrackProcessCPU.css
@@ -18,10 +18,10 @@
   position: absolute;
   width: 6px;
   height: 6px;
+  border-radius: 3px;
   margin-top: -3px;
   margin-left: -3px;
   background-color: var(--grey-50);
-  border-radius: 3px;
   pointer-events: none;
 }
 
diff --git a/src/components/timeline/TrackVisualProgress.css b/src/components/timeline/TrackVisualProgress.css
index 85deec266b..a666104e06 100644
--- a/src/components/timeline/TrackVisualProgress.css
+++ b/src/components/timeline/TrackVisualProgress.css
@@ -18,10 +18,10 @@
   position: absolute;
   width: 6px;
   height: 6px;
+  border-radius: 3px;
   margin-top: -3px;
   margin-left: -3px;
   background-color: var(--dot-color);
-  border-radius: 3px;
   pointer-events: none;
 }
 
diff --git a/src/components/tooltip/CallNode.css b/src/components/tooltip/CallNode.css
index 2b05e780f6..5d7fde20d3 100644
--- a/src/components/tooltip/CallNode.css
+++ b/src/components/tooltip/CallNode.css
@@ -26,15 +26,15 @@
   position: relative;
   width: var(--graph-width);
   height: var(--graph-height);
+  border-radius: 2px;
   margin-top: 2px;
   background-color: var(--grey-30);
-  border-radius: 2px;
 }
 
 .tooltipCallNodeImplementationGraphRunning {
   height: var(--graph-height);
-  background-color: var(--blue-40);
   border-radius: 2px;
+  background-color: var(--blue-40);
 }
 
 .tooltipCallNodeImplementationGraphSelf {
@@ -42,8 +42,8 @@
   top: 0;
   left: 0;
   height: var(--graph-height);
-  background-color: var(--blue-60);
   border-radius: 2px;
+  background-color: var(--blue-60);
 }
 
 .tooltipCallNodeImplementationTiming {
diff --git a/yarn.lock b/yarn.lock
index b6be25ae68..90f40b702b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5007,7 +5007,7 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-glob@^3.2.11, fast-glob@^3.2.9:
+fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
   integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
@@ -9314,11 +9314,6 @@ photon-colors@^3.3.2:
   resolved "https://registry.yarnpkg.com/photon-colors/-/photon-colors-3.3.2.tgz#eaf2e5a8ba9368fcdee0607cc86a9f613e6d3417"
   integrity sha512-xCeL7J2F8cjM00zQZEZawHAGnrSOM509RbanL4c8hvrV8n19V/wwdzydX6rSUEtLYj4nx4OvhmKC4/vujo9f/Q==
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -9624,13 +9619,10 @@ postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selecto
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-sorting@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-5.0.1.tgz#10d5d0059eea8334dacc820c0121864035bc3f11"
-  integrity sha512-Y9fUFkIhfrm6i0Ta3n+89j56EFqaNRdUKqXyRp6kvTcSXnmgEjaVowCXH+JBe9+YKWqd4nc28r2sgwnzJalccA==
-  dependencies:
-    lodash "^4.17.14"
-    postcss "^7.0.17"
+postcss-sorting@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-7.0.1.tgz#923b5268451cf2d93ebf8835e17a6537757049a5"
+  integrity sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==
 
 postcss-svgo@^5.1.0:
   version "5.1.0"
@@ -9652,18 +9644,10 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^7.0.17:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.4.16, postcss@^8.4.7:
-  version "8.4.16"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
-  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
+postcss@^8.3.11, postcss@^8.4.16, postcss@^8.4.7:
+  version "8.4.17"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.17.tgz#f87863ec7cd353f81f7ab2dec5d67d861bbb1be5"
+  integrity sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
@@ -10684,7 +10668,7 @@ select-hose@^2.0.0:
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
 
-selfsigned@^2.0.1:
+selfsigned@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61"
   integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==
@@ -11364,12 +11348,12 @@ stylehacks@^5.1.0:
     browserslist "^4.16.6"
     postcss-selector-parser "^6.0.4"
 
-stylelint-config-idiomatic-order@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-8.1.0.tgz#7ca7fa92eb79369948dd4977499466c844ace21d"
-  integrity sha512-iTPY6JjbkIdzy+21x3a1xi/tG33zKhLJb6lZl1xg6jZrXjgIYelnRZ5xVtbcEP9rElxZq/Zu1eGthfvI+ri+YQ==
+stylelint-config-idiomatic-order@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-9.0.0.tgz#8c04761ad41f234eb489f758d9b0b0d8743f7dd8"
+  integrity sha512-+LtfPycY1Paayf1MaERyh6BzVPnZxemX5NtzdUPqi4u8hyAR7859f/4EL02+Kr9va76iX7mbYC4HendocXKJZQ==
   dependencies:
-    stylelint-order "^3.1.1"
+    stylelint-order "^5.0.0"
 
 stylelint-config-prettier@^9.0.3:
   version "9.0.3"
@@ -11388,14 +11372,13 @@ stylelint-config-standard@^28.0.0:
   dependencies:
     stylelint-config-recommended "^9.0.0"
 
-stylelint-order@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-3.1.1.tgz#ba9ea6844d1482f97f31204e7c9605c7b792c294"
-  integrity sha512-4gP/r8j/6JGZ/LL41b2sYtQqfwZl4VSqTp7WeIwI67v/OXNQ08dnn64BGXNwAUSgb2+YIvIOxQaMzqMyQMzoyQ==
+stylelint-order@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-5.0.0.tgz#abd20f6b85ac640774cbe40e70d3fe9c6fdf4400"
+  integrity sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==
   dependencies:
-    lodash "^4.17.15"
-    postcss "^7.0.17"
-    postcss-sorting "^5.0.1"
+    postcss "^8.3.11"
+    postcss-sorting "^7.0.1"
 
 stylelint-prettier@^2.0.0:
   version "2.0.0"
@@ -11404,10 +11387,10 @@ stylelint-prettier@^2.0.0:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-stylelint@^14.11.0:
-  version "14.11.0"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.11.0.tgz#e2ecb28bbacab05e1fbeb84cbba23883b27499cc"
-  integrity sha512-OTLjLPxpvGtojEfpESWM8Ir64Z01E89xsisaBMUP/ngOx1+4VG2DPRcUyCCiin9Rd3kPXPsh/uwHd9eqnvhsYA==
+stylelint@^14.12.1:
+  version "14.12.1"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.12.1.tgz#7fac1578662ca12330c32a61c8583be7fad4a530"
+  integrity sha512-ZEM4TuksChMBfuPadQsHUkbOoRySAT9QMfDvvYxdAchOJl0p+csTMBXOu6ORAAxKhwBmxqJiep8V88bXfNs3EQ==
   dependencies:
     "@csstools/selector-specificity" "^2.0.2"
     balanced-match "^2.0.0"
@@ -11415,7 +11398,7 @@ stylelint@^14.11.0:
     cosmiconfig "^7.0.1"
     css-functions-list "^3.1.0"
     debug "^4.3.4"
-    fast-glob "^3.2.11"
+    fast-glob "^3.2.12"
     fastest-levenshtein "^1.0.16"
     file-entry-cache "^6.0.1"
     global-modules "^2.0.0"
@@ -11442,7 +11425,7 @@ stylelint@^14.11.0:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
     style-search "^0.1.0"
-    supports-hyperlinks "^2.2.0"
+    supports-hyperlinks "^2.3.0"
     svg-tags "^1.0.0"
     table "^6.8.0"
     v8-compile-cache "^2.3.0"
@@ -11481,10 +11464,10 @@ supports-color@^9.0.0:
   dependencies:
     has-flag "^5.0.0"
 
-supports-hyperlinks@^2.0.0, supports-hyperlinks@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb"
-  integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==
+supports-hyperlinks@^2.0.0, supports-hyperlinks@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
+  integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
   dependencies:
     has-flag "^4.0.0"
     supports-color "^7.0.0"
@@ -12468,10 +12451,10 @@ webpack-dev-middleware@^5.3.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@^4.10.1:
-  version "4.11.0"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.0.tgz#290ee594765cd8260adfe83b2d18115ea04484e7"
-  integrity sha512-L5S4Q2zT57SK7tazgzjMiSMBdsw+rGYIX27MgPgx7LDhWO0lViPrHKoLS7jo5In06PWYAhlYu3PbyoC6yAThbw==
+webpack-dev-server@^4.11.1:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5"
+  integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw==
   dependencies:
     "@types/bonjour" "^3.5.9"
     "@types/connect-history-api-fallback" "^1.3.5"
@@ -12496,7 +12479,7 @@ webpack-dev-server@^4.10.1:
     p-retry "^4.5.0"
     rimraf "^3.0.2"
     schema-utils "^4.0.0"
-    selfsigned "^2.0.1"
+    selfsigned "^2.1.1"
     serve-index "^1.9.1"
     sockjs "^0.3.24"
     spdy "^4.0.2"