diff --git a/results-summary-component/package-lock.json b/results-summary-component/package-lock.json
index 17d5b8d..5afa5e8 100644
--- a/results-summary-component/package-lock.json
+++ b/results-summary-component/package-lock.json
@@ -8,9 +8,28 @@
       "name": "results-summary-component",
       "version": "0.0.0",
       "devDependencies": {
+        "postcss-extend-rule": "^4.0.0",
+        "postcss-include-media": "^1.1.1",
+        "postcss-nesting": "^11.2.2",
         "vite": "^4.3.2"
       }
     },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
@@ -363,6 +382,18 @@
         "node": ">=12"
       }
     },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.17.19",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
@@ -466,6 +497,86 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-extend-rule": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-extend-rule/-/postcss-extend-rule-4.0.0.tgz",
+      "integrity": "sha512-3gjPWUDNYjkRjtcpoN8ppZRXG8vyAk4mYdkYOETacCkCLVguW5IpCXCO31cDk8SW2/rx0RogWcXm1Zu/EayDVg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-nesting": "^10.1.2"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.6"
+      }
+    },
+    "node_modules/postcss-extend-rule/node_modules/postcss-nesting": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-10.2.0.tgz",
+      "integrity": "sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-include-media": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-include-media/-/postcss-include-media-1.1.1.tgz",
+      "integrity": "sha512-pmg7fHgOXs+yTGM38NboeV9HmxsOezt/+CBubuXiXeBhYwmGrd8xif21YOx2R84TyvL1rjLNGky2zkY73W0FtQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.8"
+      }
+    },
+    "node_modules/postcss-nesting": {
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.2.2.tgz",
+      "integrity": "sha512-aOTiUniAB1bcPE6GGiynWRa6PZFPhOTAm5q3q5cem6QeSijIHHkWr6gs65ukCZMXeak8yXeZVbBJET3VM+HlhA==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/rollup": {
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz",
@@ -491,6 +602,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
     "node_modules/vite": {
       "version": "4.3.8",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.8.tgz",
diff --git a/results-summary-component/package.json b/results-summary-component/package.json
index 83204e0..e26caa1 100644
--- a/results-summary-component/package.json
+++ b/results-summary-component/package.json
@@ -8,7 +8,20 @@
     "build": "vite build",
     "preview": "vite preview"
   },
+  "postcss": {
+    "plugins": {
+      "postcss-extend-rule": {},
+      "postcss-nesting": {},
+      "postcss-include-media": {
+        "phone": "375px",
+        "destop": "1440px"
+      }
+    }
+  },
   "devDependencies": {
+    "postcss-extend-rule": "^4.0.0",
+    "postcss-include-media": "^1.1.1",
+    "postcss-nesting": "^11.2.2",
     "vite": "^4.3.2"
   }
 }