diff --git a/.stylelintrc.yml b/.stylelintrc.yml
index 8266caf3..679359ae 100644
--- a/.stylelintrc.yml
+++ b/.stylelintrc.yml
@@ -3,7 +3,9 @@ extends:
   - stylelint-order
   - stylelint-declaration-block-no-ignored-properties
   - stylelint-config-standard-vue
+  - stylelint-config-idiomatic-order
 plugins:
   - stylelint-prettier
+  - stylelint-order
 rules:
   "prettier/prettier": true
diff --git a/package-lock.json b/package-lock.json
index e75d424a..13d78996 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,6 +41,7 @@
         "eslint-plugin-vue": "^9.15.0",
         "prettier": "2.8.8",
         "stylelint": "^15.8.0",
+        "stylelint-config-idiomatic-order": "^9.0.0",
         "stylelint-config-standard-vue": "^1.0.0",
         "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
         "stylelint-high-performance-animation": "^1.8.0",
@@ -6331,6 +6332,43 @@
         "stylelint": ">=14.0.0"
       }
     },
+    "node_modules/stylelint-config-idiomatic-order": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-9.0.0.tgz",
+      "integrity": "sha512-+LtfPycY1Paayf1MaERyh6BzVPnZxemX5NtzdUPqi4u8hyAR7859f/4EL02+Kr9va76iX7mbYC4HendocXKJZQ==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "stylelint": ">=11"
+      }
+    },
+    "node_modules/stylelint-config-idiomatic-order/node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/stylelint-config-idiomatic-order/node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
     "node_modules/stylelint-config-recommended": {
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-12.0.0.tgz",
diff --git a/package.json b/package.json
index f23d1836..1df0142a 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "eslint-plugin-vue": "^9.15.0",
     "prettier": "2.8.8",
     "stylelint": "^15.8.0",
+    "stylelint-config-idiomatic-order": "^9.0.0",
     "stylelint-config-standard-vue": "^1.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-high-performance-animation": "^1.8.0",