diff --git a/.prettierrc b/.prettierrc
index d47d604b8..9e2e089b1 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -2,6 +2,5 @@
   "printWidth": 150,
   "singleQuote": true,
   "htmlWhitespaceSensitivity": "strict",
-  "tailwindConfig": "./packages/elements/tailwind.config.ts",
   "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/package-lock.json b/package-lock.json
index a6568e1d9..b54e08047 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3990,6 +3990,244 @@
         "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
       }
     },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.1.tgz",
+      "integrity": "sha512-lc+ly6PKHqgCVl7eO8D2JlV96Lks5bmL6pdtM6UasyUHLU2zmrOqU6jfgln120IVnCh3VC8GG/ca24xVTtSokw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^5.18.0",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.1"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.1.tgz",
+      "integrity": "sha512-3z1SpWoDeaA6K6jd92CRrGyDghOcRILEgyWVHRhaUm/tcpiazwJpU9BSG0xB7GGGnl9capojaC+zme/nKsZd/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.1",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.1",
+        "@tailwindcss/oxide-darwin-x64": "4.0.1",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.1",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.1",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.1",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.1",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.1",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.1",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.1",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.1"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.1.tgz",
+      "integrity": "sha512-eP/rI9WaAElpeiiHDqGtDqga9iDsOClXxIqdHayHsw93F24F03b60CwgGhrGF9Io/EuWIpz3TMRhPVOLhoXivw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.1.tgz",
+      "integrity": "sha512-jZVUo0kNd1IjxdCYwg4dwegDNsq7PoUx4LM814RmgY3gfJ63Y6GlpJXHOpd5FLv1igpeZox5LzRk2oz8MQoJwQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.1.tgz",
+      "integrity": "sha512-E31wHiIf4LB0aKRohrS4U6XfFSACCL9ifUFfPQ16FhcBIL4wU5rcBidvWvT9TQFGPkpE69n5dyXUcqiMrnF/Ig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.1.tgz",
+      "integrity": "sha512-8/3ZKLMYqgAsBzTeczOKWtT4geF02g9S7cntY5gvqQZ4E0ImX724cHcZJi9k6fkE6aLbvwxxHxaShFvRxblwKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.1.tgz",
+      "integrity": "sha512-EYjbh225klQfWzy6LeIAfdjHCK+p71yLV/GjdPNW47Bfkkq05fTzIhHhCgshUvNp78EIA33iQU+ktWpW06NgHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.1.tgz",
+      "integrity": "sha512-PrX2SwIqWNP5cYeSyQfrhbk4ffOM338T6CrEwIAGvLPoUZiklt19yknlsBme6bReSw7TSAMy+8KFdLLi5fcWNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.1.tgz",
+      "integrity": "sha512-iuoFGhKDojtfloi5uj6MIk4kxEOGcsAk/kPbZItF9Dp7TnzVhxo2U/718tXhxGrg6jSL3ST3cQHIjA6yw3OeXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.1.tgz",
+      "integrity": "sha512-pNUrGQYyE8RK+N9yvkPmHnlKDfFbni9A3lsi37u4RoA/6Yn+zWVoegvAQMZu3w+jqnpb2A/bYJ+LumcclUZ3yg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.1.tgz",
+      "integrity": "sha512-xSGWaDcT6SJ75su9zWXj8GYb2jM/przXwZGH96RTS7HGDIoI1tvgpls88YajG5Sx7hXaqAWCufjw5L/dlu+lzg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.1.tgz",
+      "integrity": "sha512-BUNL2isUZ2yWnbplPddggJpZxsqGHPZ1RJAYpu63W4znUnKCzI4m/jiy0WpyYqqOKL9jDM5q0QdsQ9mc3aw5YQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.1.tgz",
+      "integrity": "sha512-ZtcVu+XXOddGsPlvO5nh2fnbKmwly2C07ZB1lcYCf/b8qIWF04QY9o6vy6/+6ioLRfbp3E7H/ipFio38DZX4oQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.0.1.tgz",
+      "integrity": "sha512-ZkwMBA7uR+nyrafIZI8ce3PduE0dDVFVmxmInCUPTN17Jgy6RfEPXzqtL5fz658eDDxKa5xZ+gmiTt+5AMD0pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "^4.0.1",
+        "@tailwindcss/oxide": "^4.0.1",
+        "lightningcss": "^1.29.1",
+        "tailwindcss": "4.0.1"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6"
+      }
+    },
     "node_modules/@testing-library/dom": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
@@ -4070,16 +4308,6 @@
         "@testing-library/dom": ">=7.21.4"
       }
     },
-    "node_modules/@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/@tufjs/canonical-json": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz",
@@ -5029,44 +5257,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
     "node_modules/axios": {
       "version": "1.7.9",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
@@ -5196,13 +5386,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/brace-expansion": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
@@ -5457,19 +5640,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/caniuse-api": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
-      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.0.0",
-        "caniuse-lite": "^1.0.0",
-        "lodash.memoize": "^4.1.2",
-        "lodash.uniq": "^4.5.0"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001695",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001695.tgz",
@@ -5773,13 +5943,6 @@
         "color-support": "bin.js"
       }
     },
-    "node_modules/colord": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
-      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/columnify": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/columnify/-/columnify-1.6.0.tgz",
@@ -6864,63 +7027,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/css-declaration-sorter": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz",
-      "integrity": "sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.9"
-      }
-    },
-    "node_modules/css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.1.0",
-        "domhandler": "^5.0.2",
-        "domutils": "^3.0.1",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -6934,121 +7040,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/cssnano": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-7.0.6.tgz",
-      "integrity": "sha512-54woqx8SCbp8HwvNZYn68ZFAepuouZW4lTwiMVnBErM3VkO7/Sd4oTOt3Zz3bPx3kxQ36aISppyXj2Md4lg8bw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssnano-preset-default": "^7.0.6",
-        "lilconfig": "^3.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/cssnano"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/cssnano-preset-default": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-7.0.6.tgz",
-      "integrity": "sha512-ZzrgYupYxEvdGGuqL+JKOY70s7+saoNlHSCK/OGn1vB2pQK8KSET8jvenzItcY+kA7NoWvfbb/YhlzuzNKjOhQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "css-declaration-sorter": "^7.2.0",
-        "cssnano-utils": "^5.0.0",
-        "postcss-calc": "^10.0.2",
-        "postcss-colormin": "^7.0.2",
-        "postcss-convert-values": "^7.0.4",
-        "postcss-discard-comments": "^7.0.3",
-        "postcss-discard-duplicates": "^7.0.1",
-        "postcss-discard-empty": "^7.0.0",
-        "postcss-discard-overridden": "^7.0.0",
-        "postcss-merge-longhand": "^7.0.4",
-        "postcss-merge-rules": "^7.0.4",
-        "postcss-minify-font-values": "^7.0.0",
-        "postcss-minify-gradients": "^7.0.0",
-        "postcss-minify-params": "^7.0.2",
-        "postcss-minify-selectors": "^7.0.4",
-        "postcss-normalize-charset": "^7.0.0",
-        "postcss-normalize-display-values": "^7.0.0",
-        "postcss-normalize-positions": "^7.0.0",
-        "postcss-normalize-repeat-style": "^7.0.0",
-        "postcss-normalize-string": "^7.0.0",
-        "postcss-normalize-timing-functions": "^7.0.0",
-        "postcss-normalize-unicode": "^7.0.2",
-        "postcss-normalize-url": "^7.0.0",
-        "postcss-normalize-whitespace": "^7.0.0",
-        "postcss-ordered-values": "^7.0.1",
-        "postcss-reduce-initial": "^7.0.2",
-        "postcss-reduce-transforms": "^7.0.0",
-        "postcss-svgo": "^7.0.1",
-        "postcss-unique-selectors": "^7.0.3"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/cssnano-utils": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-5.0.0.tgz",
-      "integrity": "sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/csso": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
-      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "css-tree": "~2.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
-      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "mdn-data": "2.0.28",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/mdn-data": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
-      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
-      "dev": true,
-      "license": "CC0-1.0"
-    },
     "node_modules/dargs": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/dargs/-/dargs-7.0.0.tgz",
@@ -7275,8 +7266,6 @@
       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
       "dev": true,
       "license": "Apache-2.0",
-      "optional": true,
-      "peer": true,
       "bin": {
         "detect-libc": "bin/detect-libc.js"
       },
@@ -7343,65 +7332,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/domutils": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
-      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
     "node_modules/dot-prop": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
@@ -7581,19 +7511,6 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/env-paths": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
@@ -8593,20 +8510,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
@@ -10588,14 +10491,13 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "devOptional": true,
       "license": "MIT",
-      "optional": true,
-      "peer": true,
       "bin": {
-        "jiti": "bin/jiti.js"
+        "jiti": "lib/jiti-cli.mjs"
       }
     },
     "node_modules/js-levenshtein-esm": {
@@ -11230,108 +11132,344 @@
         "node": ">=8"
       }
     },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+    "node_modules/lightningcss": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz",
+      "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
       "engines": {
-        "node": ">=14"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz",
-      "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==",
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.29.1",
+        "lightningcss-darwin-x64": "1.29.1",
+        "lightningcss-freebsd-x64": "1.29.1",
+        "lightningcss-linux-arm-gnueabihf": "1.29.1",
+        "lightningcss-linux-arm64-gnu": "1.29.1",
+        "lightningcss-linux-arm64-musl": "1.29.1",
+        "lightningcss-linux-x64-gnu": "1.29.1",
+        "lightningcss-linux-x64-musl": "1.29.1",
+        "lightningcss-win32-arm64-msvc": "1.29.1",
+        "lightningcss-win32-x64-msvc": "1.29.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz",
+      "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lit": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/lit/-/lit-3.2.1.tgz",
-      "integrity": "sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==",
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz",
+      "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
-        "lit-element": "^4.1.0",
-        "lit-html": "^3.2.0"
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lit-element": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.1.1.tgz",
-      "integrity": "sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==",
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz",
+      "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.2.0",
-        "@lit/reactive-element": "^2.0.4",
-        "lit-html": "^3.2.0"
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lit-html": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.1.tgz",
-      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz",
+      "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@types/trusted-types": "^2.0.2"
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/load-json-file": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-6.2.0.tgz",
-      "integrity": "sha512-gUD/epcRms75Cw8RT1pUdHugZYM5ce64ucs2GEISABwkRsOQr0q2wm/MV2TKThycIe5e0ytRweW2RZxclogCdQ==",
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz",
+      "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.1.15",
-        "parse-json": "^5.0.0",
-        "strip-bom": "^4.0.0",
-        "type-fest": "^0.6.0"
-      },
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
       "engines": {
-        "node": ">=8"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/load-json-file/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz",
+      "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "(MIT OR CC0-1.0)",
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
       "engines": {
-        "node": ">=8"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz",
+      "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
       "engines": {
-        "node": ">=10"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz",
+      "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz",
+      "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz",
+      "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz",
+      "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/lit": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.2.1.tgz",
+      "integrity": "sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^2.0.4",
+        "lit-element": "^4.1.0",
+        "lit-html": "^3.2.0"
+      }
+    },
+    "node_modules/lit-element": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.1.1.tgz",
+      "integrity": "sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.2.0",
+        "@lit/reactive-element": "^2.0.4",
+        "lit-html": "^3.2.0"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.2.1.tgz",
+      "integrity": "sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
+    },
+    "node_modules/load-json-file": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-6.2.0.tgz",
+      "integrity": "sha512-gUD/epcRms75Cw8RT1pUdHugZYM5ce64ucs2GEISABwkRsOQr0q2wm/MV2TKThycIe5e0ytRweW2RZxclogCdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.15",
+        "parse-json": "^5.0.0",
+        "strip-bom": "^4.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/load-json-file/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true,
       "license": "MIT"
     },
@@ -11356,26 +11494,12 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.memoize": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
-      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "license": "MIT"
     },
-    "node_modules/lodash.uniq": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
-      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -11569,13 +11693,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "dev": true,
-      "license": "CC0-1.0"
-    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -12541,16 +12658,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/npm-bundled": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.1.tgz",
@@ -12682,19 +12789,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
     "node_modules/nx": {
       "version": "20.3.3",
       "resolved": "https://registry.npmjs.org/nx/-/nx-20.3.3.tgz",
@@ -13650,425 +13744,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-calc": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-10.1.0.tgz",
-      "integrity": "sha512-uQ/LDGsf3mgsSUEXmAt3VsCSHR3aKqtEIkmB+4PhzYwRYOW5MZs/GhCCFpsOtJJkP6EC6uGipbrnaTjqaJZcJw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^7.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12 || ^20.9 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.38"
-      }
-    },
-    "node_modules/postcss-calc/node_modules/postcss-selector-parser": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz",
-      "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-colormin": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-7.0.2.tgz",
-      "integrity": "sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-api": "^3.0.0",
-        "colord": "^2.9.3",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-convert-values": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-7.0.4.tgz",
-      "integrity": "sha512-e2LSXPqEHVW6aoGbjV9RsSSNDO3A0rZLCBxN24zvxF25WknMPpX8Dm9UxxThyEbaytzggRuZxaGXqaOhxQ514Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-discard-comments": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-7.0.3.tgz",
-      "integrity": "sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-discard-duplicates": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.1.tgz",
-      "integrity": "sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-discard-empty": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-7.0.0.tgz",
-      "integrity": "sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-discard-overridden": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-7.0.0.tgz",
-      "integrity": "sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-merge-longhand": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-7.0.4.tgz",
-      "integrity": "sha512-zer1KoZA54Q8RVHKOY5vMke0cCdNxMP3KBfDerjH/BYHh4nCIh+1Yy0t1pAEQF18ac/4z3OFclO+ZVH8azjR4A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0",
-        "stylehacks": "^7.0.4"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-merge-rules": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-7.0.4.tgz",
-      "integrity": "sha512-ZsaamiMVu7uBYsIdGtKJ64PkcQt6Pcpep/uO90EpLS3dxJi6OXamIobTYcImyXGoW0Wpugh7DSD3XzxZS9JCPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-api": "^3.0.0",
-        "cssnano-utils": "^5.0.0",
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-minify-font-values": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-7.0.0.tgz",
-      "integrity": "sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-minify-gradients": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-7.0.0.tgz",
-      "integrity": "sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "colord": "^2.9.3",
-        "cssnano-utils": "^5.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-minify-params": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-7.0.2.tgz",
-      "integrity": "sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "cssnano-utils": "^5.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-minify-selectors": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-7.0.4.tgz",
-      "integrity": "sha512-JG55VADcNb4xFCf75hXkzc1rNeURhlo7ugf6JjiiKRfMsKlDzN9CXHZDyiG6x/zGchpjQS+UAgb1d4nqXqOpmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-charset": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-7.0.0.tgz",
-      "integrity": "sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-display-values": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.0.tgz",
-      "integrity": "sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-positions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-7.0.0.tgz",
-      "integrity": "sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-repeat-style": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.0.tgz",
-      "integrity": "sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-string": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-7.0.0.tgz",
-      "integrity": "sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-timing-functions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.0.tgz",
-      "integrity": "sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-unicode": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.2.tgz",
-      "integrity": "sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-url": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-7.0.0.tgz",
-      "integrity": "sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-normalize-whitespace": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.0.tgz",
-      "integrity": "sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-ordered-values": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-7.0.1.tgz",
-      "integrity": "sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssnano-utils": "^5.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-reduce-initial": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-7.0.2.tgz",
-      "integrity": "sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-api": "^3.0.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-reduce-transforms": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.0.tgz",
-      "integrity": "sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
     "node_modules/postcss-selector-parser": {
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
@@ -14083,46 +13758,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/postcss-svgo": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-7.0.1.tgz",
-      "integrity": "sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0",
-        "svgo": "^3.3.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >= 18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-unique-selectors": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-7.0.3.tgz",
-      "integrity": "sha512-J+58u5Ic5T1QjP/LDV9g3Cx4CNOgB5vz+kM6+OxHHhFACdcDeKhBXjQmB7fnIZM12YSTvsL0Opwco83DmacW2g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -15920,23 +15555,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/stylehacks": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-7.0.4.tgz",
-      "integrity": "sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
     "node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -15965,46 +15583,10 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/svgo": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
-      "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@trysound/sax": "0.2.0",
-        "commander": "^7.2.0",
-        "css-select": "^5.1.0",
-        "css-tree": "^2.3.1",
-        "css-what": "^6.1.0",
-        "csso": "^5.0.5",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/svgo"
-      }
-    },
-    "node_modules/svgo/node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/tailwindcss": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.0.tgz",
-      "integrity": "sha512-ULRPI3A+e39T7pSaf1xoi58AqqJxVCLg8F/uM5A3FadUbnyDTgltVnXJvdkTjwCOGA6NazqHVcwPJC5h2vRYVQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.1.tgz",
+      "integrity": "sha512-UK5Biiit/e+r3i0O223bisoS5+y7ZT1PM8Ojn0MxRHzXN1VPZ2KY6Lo6fhu1dOfCfyUAlK7Lt6wSxowRabATBw==",
       "dev": true,
       "license": "MIT"
     },
@@ -17378,14 +16960,13 @@
         "@lit-labs/observers": "2.0.4",
         "@playwright/test": "1.50.0",
         "@tailwindcss/forms": "0.5.10",
+        "@tailwindcss/vite": "4.0.1",
         "@types/express": "5.0.0",
         "@types/prismjs": "1.26.5",
         "@types/resemblejs": "4.1.3",
         "@vitest/browser": "2.1.6",
-        "autoprefixer": "10.4.20",
         "browserslist-to-esbuild": "2.1.1",
         "cross-env": "7.0.3",
-        "cssnano": "7.0.6",
         "esbuild": "0.24.2",
         "eslint-config-mte": "*",
         "express": "4.21.2",
@@ -17394,12 +16975,11 @@
         "mutation-testing-metrics": "3.3.0",
         "mutation-testing-real-time": "3.3.0",
         "mutation-testing-report-schema": "3.3.0",
-        "postcss": "8.5.1",
         "prism-svelte": "0.5.0",
         "prismjs": "1.29.0",
         "rxjs": "7.8.1",
         "sass": "1.83.4",
-        "tailwindcss": "4.0.0",
+        "tailwindcss": "4.0.1",
         "vite": "6.0.9",
         "vitest": "2.1.6"
       }
diff --git a/packages/elements/.prettierrc b/packages/elements/.prettierrc
index 6961ad340..9e2e089b1 100644
--- a/packages/elements/.prettierrc
+++ b/packages/elements/.prettierrc
@@ -2,6 +2,5 @@
   "printWidth": 150,
   "singleQuote": true,
   "htmlWhitespaceSensitivity": "strict",
-  "tailwindConfig": "./tailwind.config.ts",
   "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/packages/elements/package.json b/packages/elements/package.json
index e839433fe..ef0a18745 100644
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -49,14 +49,13 @@
     "@lit-labs/observers": "2.0.4",
     "@playwright/test": "1.50.0",
     "@tailwindcss/forms": "0.5.10",
+    "@tailwindcss/vite": "4.0.1",
     "@types/express": "5.0.0",
     "@types/prismjs": "1.26.5",
     "@types/resemblejs": "4.1.3",
     "@vitest/browser": "2.1.6",
-    "autoprefixer": "10.4.20",
     "browserslist-to-esbuild": "2.1.1",
     "cross-env": "7.0.3",
-    "cssnano": "7.0.6",
     "esbuild": "0.24.2",
     "eslint-config-mte": "*",
     "express": "4.21.2",
@@ -65,12 +64,11 @@
     "mutation-testing-metrics": "3.3.0",
     "mutation-testing-real-time": "3.3.0",
     "mutation-testing-report-schema": "3.3.0",
-    "postcss": "8.5.1",
     "prism-svelte": "0.5.0",
     "prismjs": "1.29.0",
     "rxjs": "7.8.1",
     "sass": "1.83.4",
-    "tailwindcss": "4.0.0",
+    "tailwindcss": "4.0.1",
     "vite": "6.0.9",
     "vitest": "2.1.6"
   }
diff --git a/packages/elements/postcss.config.js b/packages/elements/postcss.config.js
deleted file mode 100644
index 08de9f90c..000000000
--- a/packages/elements/postcss.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export default {
-  plugins: {
-    'tailwindcss/nesting': {},
-    tailwindcss: {},
-    ...(process.env.NODE_ENV === 'production' ? { cssnano: {}, autoprefixer: {} } : {}),
-  },
-};
diff --git a/packages/elements/src/components/app/app.component.ts b/packages/elements/src/components/app/app.component.ts
index 49306c5f7..d97ae008b 100644
--- a/packages/elements/src/components/app/app.component.ts
+++ b/packages/elements/src/components/app/app.component.ts
@@ -25,7 +25,7 @@ import { toAbsoluteUrl } from '../../lib/html-helpers.js';
 import { mutantChanges } from '../../lib/mutant-changes.js';
 import { locationChange$, View } from '../../lib/router.js';
 import type { Theme } from '../../lib/theme.js';
-import { globals, tailwind } from '../../style/index.js';
+import { tailwind } from '../../style/index.js';
 import { type MutationTestReportFilePickerComponent } from '../file-picker/file-picker.component.js';
 import { RealTimeElement } from '../real-time-element.js';
 import theme from './theme.scss?inline';
@@ -86,7 +86,7 @@ export class MutationTestReportAppComponent extends RealTimeElement {
 
   @property({ attribute: false })
   public get themeBackgroundColor(): string {
-    return getComputedStyle(this).getPropertyValue('--mut-body-bg');
+    return getComputedStyle(this).getPropertyValue('--color-white');
   }
 
   @query('mte-file-picker')
@@ -248,7 +248,7 @@ export class MutationTestReportAppComponent extends RealTimeElement {
     }
   };
 
-  public static styles = [globals, unsafeCSS(theme), tailwind];
+  public static styles = [unsafeCSS(theme), tailwind];
 
   public readonly subscriptions: Subscription[] = [];
 
@@ -346,7 +346,7 @@ export class MutationTestReportAppComponent extends RealTimeElement {
   private renderTitle() {
     if (this.context.result) {
       return html`
-        <h1 class="text-5xl font-bold tracking-tight">
+        <h1 class="mt-4 text-5xl font-bold tracking-tight">
           ${this.context.result.name}${this.titlePostfix
             ? html`<small class="text-light-muted ml-4 font-light">${this.titlePostfix}</small>`
             : nothing}
@@ -360,36 +360,34 @@ export class MutationTestReportAppComponent extends RealTimeElement {
     if (this.context.result ?? this.errorMessage) {
       return html`
         <mte-file-picker .rootModel="${this.rootModel}"></mte-file-picker>
-        <div class="container bg-white pb-4 font-sans text-gray-800 motion-safe:transition-max-width">
-          <div class="space-y-4 transition-colors">
-            ${this.renderErrorMessage()}
-            <mte-theme-switch @theme-switch="${this.themeSwitch}" class="sticky top-offset z-20 float-right pt-6" .theme="${this.theme}">
-            </mte-theme-switch>
-            ${this.renderTitle()} ${this.renderTabs()}
-            <mte-breadcrumb
-              @mte-file-picker-open="${() => this.filePicker.open()}"
-              .view="${this.context.view}"
-              .path="${this.context.path}"
-            ></mte-breadcrumb>
-            <mte-result-status-bar
-              detected="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.totalDetected)}"
-              no-coverage="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.noCoverage)}"
-              pending="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.pending)}"
-              survived="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.survived)}"
-              total="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.totalValid)}"
-            ></mte-result-status-bar>
-            ${this.context.view === 'mutant' && this.context.result
-              ? html`<mte-mutant-view
-                  id="mte-mutant-view"
-                  .result="${this.context.result}"
-                  .thresholds="${this.report!.thresholds}"
-                  .path="${this.path}"
-                ></mte-mutant-view>`
-              : nothing}
-            ${this.context.view === 'test' && this.context.result
-              ? html`<mte-test-view id="mte-test-view" .result="${this.context.result}" .path="${this.path}"></mte-test-view>`
-              : nothing}
-          </div>
+        <div class="motion-safe:transition-max-width container space-y-4 bg-white pb-4 font-sans text-gray-800 transition-colors">
+          ${this.renderErrorMessage()}
+          <mte-theme-switch @theme-switch="${this.themeSwitch}" class="top-offset sticky z-20 float-right mb-0 pt-7" .theme="${this.theme}">
+          </mte-theme-switch>
+          ${this.renderTitle()} ${this.renderTabs()}
+          <mte-breadcrumb
+            @mte-file-picker-open="${() => this.filePicker.open()}"
+            .view="${this.context.view}"
+            .path="${this.context.path}"
+          ></mte-breadcrumb>
+          <mte-result-status-bar
+            detected="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.totalDetected)}"
+            no-coverage="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.noCoverage)}"
+            pending="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.pending)}"
+            survived="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.survived)}"
+            total="${ifDefined(this.rootModel?.systemUnderTestMetrics.metrics.totalValid)}"
+          ></mte-result-status-bar>
+          ${this.context.view === 'mutant' && this.context.result
+            ? html`<mte-mutant-view
+                id="mte-mutant-view"
+                .result="${this.context.result}"
+                .thresholds="${this.report!.thresholds}"
+                .path="${this.path}"
+              ></mte-mutant-view>`
+            : nothing}
+          ${this.context.view === 'test' && this.context.result
+            ? html`<mte-test-view id="mte-test-view" .result="${this.context.result}" .path="${this.path}"></mte-test-view>`
+            : nothing}
         </div>
       `;
     } else {
@@ -420,7 +418,7 @@ export class MutationTestReportAppComponent extends RealTimeElement {
               ({ type, isActive, text }) =>
                 html`<li class="mr-2" role="presentation">
                   <a
-                    class="inline-block rounded-t-lg border-b-2 border-transparent p-4 transition-colors hover:border-gray-300 hover:bg-gray-200 hover:text-gray-700 aria-selected:border-b-[3px] aria-selected:border-primary-700 aria-selected:text-primary-on"
+                    class="aria-selected:border-primary-700 aria-selected:text-primary-on inline-block rounded-t-lg border-b-2 border-transparent p-4 transition-colors hover:border-gray-300 hover:bg-gray-200 hover:text-gray-700 aria-selected:border-b-[3px] aria-selected:border-solid"
                     role="tab"
                     href="${toAbsoluteUrl(type)}"
                     aria-selected="${isActive}"
diff --git a/packages/elements/src/components/app/theme.scss b/packages/elements/src/components/app/theme.scss
index e019c844d..9c8c79980 100644
--- a/packages/elements/src/components/app/theme.scss
+++ b/packages/elements/src/components/app/theme.scss
@@ -48,7 +48,7 @@
   // From https://atelierbram.github.io/syntax-highlighting/prism/demo/assets/css/prism-atom-dark.css
   --prism-maintext: #d3d0c8;
   --prism-background: #1d1f21;
-  --prism-border: rgb(var(--mut-gray-200));
+  --prism-border: var(--mut-gray-200);
 
   --prism-cdata: #7c7c7c;
   --prism-comment: var(--prism-cdata);
@@ -143,12 +143,7 @@
   @return url("data:image/svg+xml;charset=UTF8,<svg xmlns='http://www.w3.org/2000/svg' height='3' width='6'><g fill='#{$stroke-color}'><path d='m5.5 0-3 3H1.1l3-3z'/><path d='m4 0 2 2V.6L5.4 0zM0 2l1 1h1.4L0 .6z'/></g></svg>");
 }
 
-@function hexToRGB($hexCode) {
-  @return color.channel($hexCode, 'red', $space: rgb) color.channel($hexCode, 'green', $space: rgb) color.channel($hexCode, 'blue', $space: rgb);
-}
-
 :host(:not([theme='dark'])) {
-  --mut-gray-bg: theme('colors.white');
   --mut-octicon-icon-color: #498ba7;
   --mut-line-number: #6e7781;
   --mut-diff-add-bg: #e6ffec;
@@ -163,54 +158,9 @@
 
   --mut-squiggly-Survived: #{squiggly-svg-factory(#ef4444)};
   --mut-squiggly-NoCoverage: #{squiggly-svg-factory(#fb923c)};
-
-  --mut-body-bg: #fff;
 }
 :host([theme='dark']) {
   color-scheme: dark;
-  // Manually copied over from tailwind slate range
-  // https://tailwindcss.com/docs/customizing-colors#default-color-palette
-  // Tailwind Zinc
-  $grayRanges: (
-    50: #18181b,
-    100: #27272a,
-    200: #3f3f46,
-    300: #52525b,
-    400: #71717a,
-    500: #a1a1aa,
-    600: #d4d4d8,
-    700: #e4e4e7,
-    800: #f4f4f5,
-    900: #fafafa,
-  );
-
-  // Tailwind Sky
-  $primaryRanges: (
-    // 50: #0c4a6e,
-    100: #075985,
-    // 200: #0369a1,
-    // 300: #0284c7,
-    // 400: #0ea5e9,
-    // 500: #38bdf8,
-    // 600: #7dd3fc,
-    // 700: #bae6fd,
-    800: #e0f2fe,
-    900: #f0f9ff,
-    // color for 'on' background
-    on: #0ea5e9
-  );
-
-  @each $range, $value in $grayRanges {
-    --mut-gray-#{$range}: #{hexToRGB($value)};
-  }
-
-  @each $range, $value in $primaryRanges {
-    --mut-primary-#{$range}: #{hexToRGB($value)};
-  }
-
-  --mut-body-bg: #{map.get($grayRanges, 50)};
-
-  --mut-white: var(--mut-gray-50);
 
   --mut-octicon-icon-color: #519aba;
   --mut-line-number: #484f58;
@@ -227,3 +177,33 @@
   --mut-squiggly-Survived: #{squiggly-svg-factory(#ef4444)};
   --mut-squiggly-NoCoverage: #{squiggly-svg-factory(#fb923c)};
 }
+
+/* Dark mode colors */
+:host([theme='dark']) {
+  --mut-white: var(--color-zinc-900);
+
+  --mut-gray-50: var(--color-zinc-900);
+  --mut-gray-100: var(--color-zinc-800);
+  --mut-gray-200: var(--color-zinc-700);
+  --mut-gray-300: var(--color-zinc-600);
+  --mut-gray-400: var(--color-zinc-500);
+  --mut-gray-500: var(--color-zinc-400);
+  --mut-gray-600: var(--color-zinc-300);
+  --mut-gray-700: var(--color-zinc-200);
+  --mut-gray-800: var(--color-zinc-100);
+  --mut-gray-900: var(--color-zinc-50);
+  // --mut-gray: var(--color-zinc-500);
+
+  // --mut-primary-50: var(--color-sky-900);
+  --mut-primary-100: var(--color-sky-800);
+  // --mut-primary-200: var(--color-sky-700);
+  // --mut-primary-300: var(--color-sky-600);
+  // --mut-primary-400: var(--color-sky-500);
+  // --mut-primary-500: var(--color-sky-400);
+  // --mut-primary-600: var(--color-sky-300);
+  // --mut-primary-700: var(--color-sky-200);
+  --mut-primary-800: var(--color-sky-100);
+  --mut-primary-900: var(--color-sky-50);
+  // --mut-primary: var(--color-sky-500);
+  --mut-primary-on: var(--color-sky-500);
+}
diff --git a/packages/elements/src/components/breadcrumb.ts b/packages/elements/src/components/breadcrumb.ts
index 58bb57ea8..983de081f 100644
--- a/packages/elements/src/components/breadcrumb.ts
+++ b/packages/elements/src/components/breadcrumb.ts
@@ -26,7 +26,7 @@ export class MutationTestReportBreadcrumbComponent extends BaseElement {
   }
 
   public render() {
-    return html`<nav class="my-4 flex rounded-md border border-primary-600 bg-primary-100 p-3 text-gray-700" aria-label="Breadcrumb">
+    return html`<nav class="border-primary-600 bg-primary-100 my-4 flex rounded-md border p-3 text-gray-700" aria-label="Breadcrumb">
       <ol class="inline-flex items-center">
         ${this.path && this.path.length > 0 ? this.#renderLink(this.rootName, []) : this.#renderActiveItem(this.rootName)}
         ${this.#renderBreadcrumbItems()}
@@ -63,7 +63,7 @@ export class MutationTestReportBreadcrumbComponent extends BaseElement {
     return html`<li class="after:text-gray-800 after:content-['/'] md:after:pl-1">
       <a
         href="${toAbsoluteUrl(this.view, ...path)}"
-        class="ml-1 text-sm font-medium text-primary-800 underline hover:text-gray-900 hover:underline md:ml-2"
+        class="text-primary-800 ml-1 text-sm font-medium underline hover:text-gray-900 hover:underline md:ml-2"
         >${title}</a
       >
     </li>`;
diff --git a/packages/elements/src/components/drawer-mutant/drawer-mutant.component.ts b/packages/elements/src/components/drawer-mutant/drawer-mutant.component.ts
index 190f7c229..a57786534 100644
--- a/packages/elements/src/components/drawer-mutant/drawer-mutant.component.ts
+++ b/packages/elements/src/components/drawer-mutant/drawer-mutant.component.ts
@@ -77,7 +77,7 @@ export class MutationTestReportDrawerMutant extends RealTimeElement {
   }
 
   private renderDetail() {
-    return html`<ul class="mb-6 mr-2">
+    return html`<ul class="mr-2 mb-6">
       ${map(this.mutant?.killedByTests, (test) =>
         renderDetailLine('This mutant was killed by this test', html`${renderEmoji('🎯', 'killed')} ${describeTest(test)}`),
       )}
diff --git a/packages/elements/src/components/drawer-mutant/util.ts b/packages/elements/src/components/drawer-mutant/util.ts
index f61b40f33..fa35a12bd 100644
--- a/packages/elements/src/components/drawer-mutant/util.ts
+++ b/packages/elements/src/components/drawer-mutant/util.ts
@@ -2,12 +2,12 @@ import type { TemplateResult } from 'lit';
 import { html, nothing } from 'lit';
 
 export const renderDetailLine = (title: string, content: string | TemplateResult) =>
-  html`<li title=${title || nothing} class="my-3 rounded bg-white px-2 py-3 shadow">${content}</li>`;
+  html`<li title=${title || nothing} class="my-3 rounded-sm bg-white px-2 py-3 shadow-sm">${content}</li>`;
 
 // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- we want to coalesce on empty string
 export const renderSummaryLine = (content: string | TemplateResult, title?: string) => html`<p title=${title || nothing}>${content}</p>`;
 
-export const renderSummaryContainer = (content: TemplateResult) => html`<div class="mb-6 mr-6 mt-2 flex flex-col gap-4">${content}</div>`;
+export const renderSummaryContainer = (content: TemplateResult) => html`<div class="mt-2 mr-6 mb-6 flex flex-col gap-4">${content}</div>`;
 
 /**
  * Wrap the given emoji in an accessible-friendly span
diff --git a/packages/elements/src/components/drawer-test/drawer-test.component.ts b/packages/elements/src/components/drawer-test/drawer-test.component.ts
index c05558225..5a37c6dce 100644
--- a/packages/elements/src/components/drawer-test/drawer-test.component.ts
+++ b/packages/elements/src/components/drawer-test/drawer-test.component.ts
@@ -62,7 +62,7 @@ export class MutationTestReportDrawerTestComponent extends RealTimeElement {
     );
   }
   private renderDetail() {
-    return html`<ul class="mb-6 mr-2">
+    return html`<ul class="mr-2 mb-6">
       ${map(this.test?.killedMutants, (mutant) =>
         renderDetailLine('This test killed this mutant', html`${renderEmoji('🎯', 'killed')} ${describeMutant(mutant)}`),
       )}
diff --git a/packages/elements/src/components/drawer/drawer.component.css b/packages/elements/src/components/drawer/drawer.component.css
index 99eff7556..7b4dc92bd 100644
--- a/packages/elements/src/components/drawer/drawer.component.css
+++ b/packages/elements/src/components/drawer/drawer.component.css
@@ -1,11 +1,9 @@
-@import '../../style/globals.css';
-
 :host([mode='closed']) {
-  @apply h-0;
+  height: 0;
 }
 :host([mode='half']) {
-  @apply h-drawer-half-open;
+  height: var(--spacing-drawer-half-open);
 }
 :host([mode='open']) {
-  @apply h-1/2;
+  height: 50%;
 }
diff --git a/packages/elements/src/components/drawer/drawer.component.ts b/packages/elements/src/components/drawer/drawer.component.ts
index 33a0b9684..31d64c4c2 100644
--- a/packages/elements/src/components/drawer/drawer.component.ts
+++ b/packages/elements/src/components/drawer/drawer.component.ts
@@ -86,13 +86,15 @@ export class MutationTestReportDrawer extends BaseElement {
     const isOpen = this.mode === 'open';
     const height = this.#contentHeightController.value;
 
-    return html`<aside @click="${(event: Event) => event.stopPropagation()}" class="ml-6 mr-4">
+    return html`<aside @click="${(event: Event) => event.stopPropagation()}" class="mr-4 ml-6">
       <header class="w-full py-4">
         <h2>
           <slot name="header"></slot>
           ${renderIf(
             this.hasDetail,
-            html`<button data-testId="btnReadMoreToggle" class="ml-2 align-middle" @click="${this.toggleReadMore}">${this.toggleMoreLabel}</button>`,
+            html`<button data-testId="btnReadMoreToggle" class="ml-2 cursor-pointer align-middle" @click="${this.toggleReadMore}">
+              ${this.toggleMoreLabel}
+            </button>`,
           )}
         </h2>
       </header>
diff --git a/packages/elements/src/components/drawer/util.ts b/packages/elements/src/components/drawer/util.ts
index b1650c1dd..0a09acc7e 100644
--- a/packages/elements/src/components/drawer/util.ts
+++ b/packages/elements/src/components/drawer/util.ts
@@ -5,7 +5,7 @@ import type { DrawerMode } from './drawer.component.js';
 
 export const renderDrawer = ({ hasDetail, mode }: { hasDetail: boolean; mode: DrawerMode }, content: TemplateResult | typeof nothing) =>
   html`<mte-drawer
-    class="container fixed bottom-0 z-10 rounded-t-3xl bg-gray-200/60 shadow-xl backdrop-blur-lg motion-safe:transition-[height,max-width] motion-safe:duration-200"
+    class="fixed bottom-0 z-10 container rounded-t-3xl bg-gray-200/60 shadow-xl backdrop-blur-lg motion-safe:transition-[height,max-width] motion-safe:duration-200"
     ?has-detail=${hasDetail}
     mode="${mode}"
   >
diff --git a/packages/elements/src/components/file-picker/file-picker.component.ts b/packages/elements/src/components/file-picker/file-picker.component.ts
index 325b0e9cf..a89278882 100644
--- a/packages/elements/src/components/file-picker/file-picker.component.ts
+++ b/packages/elements/src/components/file-picker/file-picker.component.ts
@@ -81,13 +81,13 @@ export class MutationTestReportFilePickerComponent extends BaseElement {
         @close="${this.#handleClose}"
         @show="${this.#handleShow}"
         aria-labelledby="file-picker-label"
-        class="my-4 max-w-[40rem] bg-transparent backdrop:bg-gray-950/50 backdrop:backdrop-blur-lg md:w-1/2"
+        class="mx-auto my-4 max-w-[40rem] bg-transparent backdrop:bg-gray-950/50 backdrop:backdrop-blur-lg md:w-1/2"
       >
         <div
           @click="${(e: MouseEvent) => e.stopPropagation()}"
-          class="mx-auto flex h-fit max-h-[33rem] flex-col rounded-lg bg-gray-200/60 p-4 backdrop-blur-lg"
+          class="flex h-fit max-h-[33rem] flex-col rounded-lg bg-gray-200/60 p-4 backdrop-blur-lg"
         >
-          <div class="mb-3 flex items-center rounded bg-gray-200/60 p-2 text-gray-800 shadow-lg">
+          <div class="mb-3 flex items-center rounded-sm bg-gray-200/60 p-2 text-gray-800 shadow-lg">
             <div class="mx-2 flex items-center">${searchIcon}</div>
             <label id="file-picker-label" for="file-picker-input" class="sr-only">Search for a file</label>
             <input
@@ -118,14 +118,14 @@ export class MutationTestReportFilePickerComponent extends BaseElement {
             const view = this.#getView(file);
             return html`
               <li
-                class="group snap-start rounded bg-gray-200 text-gray-900 transition-shadow aria-selected:bg-primary-500 aria-selected:text-gray-50 aria-selected:shadow-lg"
+                class="group aria-selected:bg-primary-500 snap-start rounded-sm bg-gray-200 text-gray-900 transition-shadow aria-selected:text-gray-50 aria-selected:shadow-lg"
                 role="option"
                 aria-selected="${index === this.fileIndex}"
               >
                 <a
                   tabindex="${index === this.fileIndex ? 0 : -1}"
                   @click="${this.close}"
-                  class="flex h-full flex-wrap items-center p-2 outline-none"
+                  class="flex h-full flex-wrap items-center p-2 outline-hidden"
                   @mousemove="${() => (this.fileIndex = index)}"
                   href="${toAbsoluteUrl(view, name)}"
                 >
@@ -279,7 +279,7 @@ export class MutationTestReportFilePickerComponent extends BaseElement {
         file: result.obj.file,
         name: result.obj.name,
         template: result.highlight(
-          (m) => html`<mark class="bg-inherit text-primary-500 group-aria-selected:text-primary-50 group-aria-selected:underline">${m}</mark>`,
+          (m) => html`<mark class="text-primary-500 group-aria-selected:text-primary-50 bg-inherit group-aria-selected:underline">${m}</mark>`,
         ),
       }));
     }
diff --git a/packages/elements/src/components/file/file.component.ts b/packages/elements/src/components/file/file.component.ts
index 8b663c7d0..abcc7fd16 100644
--- a/packages/elements/src/components/file/file.component.ts
+++ b/packages/elements/src/components/file/file.component.ts
@@ -157,7 +157,7 @@ export class FileComponent extends RealTimeElement {
     return mutants?.length
       ? mutants.map(
           (mutant) =>
-            svg`<svg mutant-id="${mutant.id}" class="mutant-dot ${this.selectedMutant?.id === mutant.id ? 'selected' : ''} ${mutant.status}" height="10" width="12">
+            svg`<svg mutant-id="${mutant.id}" class="mutant-dot mx-0.5 cursor-pointer ${this.selectedMutant?.id === mutant.id ? 'selected' : ''} ${mutant.status}" height="10" width="12">
               <title>${title(mutant)}</title>
               ${this.selectedMutant?.id === mutant.id ? triangle : circle}
           </svg>`,
diff --git a/packages/elements/src/components/file/file.scss b/packages/elements/src/components/file/file.scss
index 729db8777..520787169 100644
--- a/packages/elements/src/components/file/file.scss
+++ b/packages/elements/src/components/file/file.scss
@@ -4,14 +4,14 @@
 @import '../../style/code.css';
 
 $mutant-themes: (
-  'Pending': theme('colors.neutral.400'),
-  'Killed': theme('colors.green.600'),
-  'NoCoverage': theme('colors.orange.500'),
-  'Survived': theme('colors.red.500'),
-  'Timeout': theme('colors.amber.400'),
-  'CompileError': theme('colors.neutral.400'),
-  'RuntimeError': theme('colors.neutral.400'),
-  'Ignored': theme('colors.neutral.400'),
+  'Pending': var(--color-neutral-400),
+  'Killed': var(--color-green-600),
+  'NoCoverage': var(--color-orange-500),
+  'Survived': var(--color-red-500),
+  'Timeout': var(--color-amber-400),
+  'CompileError': var(--color-neutral-400),
+  'RuntimeError': var(--color-neutral-400),
+  'Ignored': var(--color-neutral-400),
 );
 
 // These 2 themes get underlined with a squiggly (wavy) for extra emphasis
@@ -20,9 +20,9 @@ $mutant-squiggly: 'Survived', 'NoCoverage';
 @each $status, $theme in $mutant-themes {
   @if (list.index($mutant-squiggly, $status) == null) {
     .mte-selected-#{$status} .mutant.#{$status} {
-      border-color: #{$theme};
-      border-bottom-width: 2px;
-      border-bottom-style: solid;
+      text-decoration: solid underline #{$theme} 2px;
+      text-decoration-skip-ink: none;
+      text-underline-offset: 3px;
       cursor: pointer;
     }
   }
@@ -52,14 +52,11 @@ $mutant-squiggly: 'Survived', 'NoCoverage';
     .mutant.NoCoverage {
       border-image: none;
       border-bottom-style: none;
+      text-decoration-line: none;
     }
   }
 }
 
-.mutant-dot {
-  @apply mx-0.5 cursor-pointer;
-}
-
 .diff-old {
   background-color: var(--mut-diff-del-bg);
 }
diff --git a/packages/elements/src/components/metrics-table/metrics-table.component.ts b/packages/elements/src/components/metrics-table/metrics-table.component.ts
index aa2d1b298..89b2c11e0 100644
--- a/packages/elements/src/components/metrics-table/metrics-table.component.ts
+++ b/packages/elements/src/components/metrics-table/metrics-table.component.ts
@@ -136,7 +136,7 @@ export class MutationTestReportTestMetricsTable<TFile, TMetric> extends RealTime
       <td class="font-semibold">
         <div class="flex items-center justify-start">
           <mte-file-icon file-name="${row.name}" ?file="${row.file}" class="mx-1"></mte-file-icon> ${path.length > 0
-            ? html`<a class="mr-auto inline-block w-full py-4 pr-2 hover:text-primary-on hover:underline" href="${toAbsoluteUrl(...path)}"
+            ? html`<a class="hover:text-primary-on mr-auto inline-block w-full py-4 pr-2 hover:underline" href="${toAbsoluteUrl(...path)}"
                 >${name}</a
               >`
             : html`<span class="py-4">${row.name}</span>`}
@@ -157,7 +157,7 @@ export class MutationTestReportTestMetricsTable<TFile, TMetric> extends RealTime
       const mutationScoreRounded = value.toFixed(2);
       const progressBarStyle = `width: ${value}%`;
 
-      return html`<td class="bg-gray-100 px-4 py-4 group-hover:bg-gray-200">
+      return html`<td class="bg-gray-100 px-4 py-4 group-hover:bg-gray-200!">
           ${valueIsPresent
             ? html`<div class="h-3 w-full min-w-[24px] rounded-full bg-gray-300">
                 <div
@@ -173,12 +173,12 @@ export class MutationTestReportTestMetricsTable<TFile, TMetric> extends RealTime
               </div>`
             : html` <span class="text-light-muted font-bold">N/A</span> `}
         </td>
-        <td class="${textColoringClass} ${backgroundColoringClass} w-12 pr-2 text-center font-bold group-hover:bg-gray-200"
+        <td class="${textColoringClass} ${backgroundColoringClass} w-12 pr-2 text-center font-bold group-hover:bg-gray-200!"
           >${valueIsPresent ? html`<span class="transition-colors">${mutationScoreRounded}</span>` : nothing}</td
         >`;
     }
     return html`<td
-      class="${classMap({ 'font-bold': column.isBold ?? false, [backgroundColoringClass]: true })} py-4 text-center group-hover:bg-gray-200"
+      class="${classMap({ 'font-bold': column.isBold ?? false, [backgroundColoringClass]: true })} py-4 text-center group-hover:bg-gray-200!"
       aria-describedby="${`tooltip-${column.key.toString()}`}"
       >${value}</td
     >`;
diff --git a/packages/elements/src/components/result-status-bar/result-status-bar.ts b/packages/elements/src/components/result-status-bar/result-status-bar.ts
index ffb3f2f2f..39579626b 100644
--- a/packages/elements/src/components/result-status-bar/result-status-bar.ts
+++ b/packages/elements/src/components/result-status-bar/result-status-bar.ts
@@ -54,7 +54,7 @@ export class ResultStatusBar extends BaseElement {
     return html`
       ${this.#renderSmallParts()}
       <div class="my-4 rounded-md border border-gray-200 bg-white transition-all">
-        <div class="parts flex h-8 w-full overflow-hidden rounded bg-gray-200">${this.#renderParts()}</div>
+        <div class="parts flex h-8 w-full overflow-hidden rounded-sm bg-gray-200">${this.#renderParts()}</div>
       </div>
     `;
   }
@@ -62,11 +62,11 @@ export class ResultStatusBar extends BaseElement {
   #renderSmallParts() {
     return html`<div
       class="${this.#shouldBeSmallController.value
-        ? 'opacity-1'
-        : 'opacity-0'} pointer-events-none fixed left-0 top-offset z-20 flex w-full justify-center transition-all"
+        ? 'opacity-100'
+        : 'opacity-0'} top-offset pointer-events-none fixed left-0 z-20 flex w-full justify-center transition-all"
     >
       <div class="container w-full bg-white py-2">
-        <div class="flex h-2 overflow-hidden rounded bg-gray-200">${this.#getMetrics().map((metric) => this.#renderPart(metric, true))}</div>
+        <div class="flex h-2 overflow-hidden rounded-sm bg-gray-200">${this.#getMetrics().map((metric) => this.#renderPart(metric, true))}</div>
       </div>
     </div>`;
   }
@@ -79,7 +79,7 @@ export class ResultStatusBar extends BaseElement {
     return html`<div
       title="${shouldBeSmall ? nothing : metric.tooltip}"
       style="width: ${this.#calculatePercentage(metric.amount)}%"
-      class="${this.#colorFromMetric(metric.type)} ${metric.amount === 0 ? 'opacity-0' : 'opacity-1'} relative flex items-center overflow-hidden"
+      class="${this.#colorFromMetric(metric.type)} ${metric.amount === 0 ? 'opacity-0' : 'opacity-100'} relative flex items-center overflow-hidden"
       >${shouldBeSmall ? nothing : html`<span class="ms-3 font-bold text-gray-800">${metric.amount}</span>`}
     </div>`;
   }
diff --git a/packages/elements/src/components/state-filter/state-filter.component.ts b/packages/elements/src/components/state-filter/state-filter.component.ts
index ec64d1e42..60fcd8dea 100644
--- a/packages/elements/src/components/state-filter/state-filter.component.ts
+++ b/packages/elements/src/components/state-filter/state-filter.component.ts
@@ -52,8 +52,8 @@ export class FileStateFilterComponent<TStatus extends string> extends RealTimeEl
 
   public render() {
     return html`
-      <div class="sticky top-offset z-10 flex flex-row bg-white py-6">
-        <div class="mr-3">
+      <div class="top-offset sticky z-10 flex flex-row gap-5 bg-white py-6 pt-7 mb-1">
+        <div class="flex items-center gap-2">
           ${this.#renderStepButton(this.previous, arrowLeft, 'Previous', 'Select previous mutant')}
           ${this.#renderStepButton(this.next, arrowRight, 'Next', 'Select next mutant')}
         </div>
@@ -66,20 +66,20 @@ export class FileStateFilterComponent<TStatus extends string> extends RealTimeEl
             // see https://lit-html.polymer-project.org/guide/writing-templates#repeating-templates-with-the-repeat-directive
             (filter) => filter.status,
             (filter) => html`
-              <div class="mr-4 flex items-center" data-status="${filter.status}">
+              <div class="flex items-center gap-2 last:mr-12" data-status="${filter.status.toString()}">
                 <input
                   ?checked="${filter.enabled}"
                   id="filter-${filter.status}"
                   aria-describedby="status-description"
                   type="checkbox"
-                  .value="${filter.status}"
+                  .value="${filter.status.toString()}"
                   @input="${(el: Event) => this.checkboxChanged(filter, (el.target as HTMLInputElement).checked)}"
-                  class="h-5 w-5 rounded border-gray-300 bg-gray-100 text-primary-on !ring-offset-gray-200 focus:outline-none focus:ring-2 focus:ring-primary-500"
+                  class="focus:ring-primary-500 checked:bg-primary-600 h-5 w-5 shrink-0 rounded-sm bg-gray-100 ring-offset-gray-200! transition-colors focus:ring-2 focus:outline-hidden"
                 />
 
                 <label
                   for="filter-${filter.status}"
-                  class="${this.bgForContext(filter.context)} mx-2 rounded px-2.5 py-0.5 text-sm font-medium hover:cursor-pointer"
+                  class="${this.bgForContext(filter.context)} rounded-md px-2.5 py-0.5 text-sm font-medium hover:cursor-pointer"
                 >
                   ${filter.label} (${filter.count})
                 </label>
@@ -96,7 +96,7 @@ export class FileStateFilterComponent<TStatus extends string> extends RealTimeEl
       title="${title}"
       @click=${handleClick}
       type="button"
-      class="mr-2 inline-flex items-center rounded-md bg-primary-600 p-1 text-center text-white hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500"
+      class="bg-primary-600 hover:bg-primary-700 focus:ring-primary-500 inline-flex items-center rounded-sm p-1 text-center text-white focus:ring-2 focus:outline-hidden"
       >${icon}
       <span class="sr-only">${srText}</span>
     </button>`;
diff --git a/packages/elements/src/components/test-file/test-file.component.ts b/packages/elements/src/components/test-file/test-file.component.ts
index 1b89639c5..9f0750c2e 100644
--- a/packages/elements/src/components/test-file/test-file.component.ts
+++ b/packages/elements/src/components/test-file/test-file.component.ts
@@ -16,7 +16,7 @@ import { prismjs, tailwind } from '../../style/index.js';
 import { beginElementAnimation, circle, renderDots, renderLine, triangle } from '../file/util.js';
 import { RealTimeElement } from '../real-time-element.js';
 import type { StateFilter } from '../state-filter/state-filter.component.js';
-import style from './test-file.scss?inline';
+import style from './test-file.css?inline';
 
 @customElement('mte-test-file')
 export class TestFileComponent extends RealTimeElement {
@@ -128,7 +128,7 @@ export class TestFileComponent extends RealTimeElement {
           (test) =>
             html`<li class="my-3">
               <button
-                class="w-full rounded p-3 text-left hover:bg-gray-100 active:bg-gray-200"
+                class="w-full rounded-sm p-3 text-left hover:bg-gray-100 active:bg-gray-200"
                 type="button"
                 data-active="${this.selectedTest === test}"
                 test-id="${test.id}"
@@ -192,7 +192,7 @@ export class TestFileComponent extends RealTimeElement {
           (test) =>
             svg`<svg
               test-id="${test.id}"
-              class="test-dot ${this.selectedTest?.id === test.id ? 'selected' : ''} ${test.status}"
+              class="test-dot mx-0.5 cursor-pointer ${this.selectedTest?.id === test.id ? 'selected' : ''} ${test.status}"
               @click=${(ev: MouseEvent) => {
                 ev.stopPropagation();
                 this.toggleTest(test);
diff --git a/packages/elements/src/components/test-file/test-file.css b/packages/elements/src/components/test-file/test-file.css
new file mode 100644
index 000000000..e85b9131e
--- /dev/null
+++ b/packages/elements/src/components/test-file/test-file.css
@@ -0,0 +1,14 @@
+@import '../../style/code.css';
+
+.Killing {
+  --mut-test-dot-color: var(--color-green-700);
+}
+.Covering {
+  --mut-test-dot-color: var(--color-amber-400);
+}
+.NotCovering {
+  --mut-test-dot-color: var(--color-orange-500);
+}
+svg.test-dot {
+  fill: var(--mut-test-dot-color);
+}
diff --git a/packages/elements/src/components/test-file/test-file.scss b/packages/elements/src/components/test-file/test-file.scss
deleted file mode 100644
index 25ededf5f..000000000
--- a/packages/elements/src/components/test-file/test-file.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@import '../../style/code.css';
-
-$test-themes: (
-  'Killing': 'fill-green-700',
-  'Covering': 'fill-amber-400',
-  'NotCovering': 'fill-orange-500',
-);
-
-@each $status, $theme in $test-themes {
-  svg.test-dot.#{$status} {
-    @apply #{$theme};
-  }
-}
-
-.test-dot {
-  @apply mx-0.5 cursor-pointer;
-}
diff --git a/packages/elements/src/components/theme-switch/theme-switch.component.ts b/packages/elements/src/components/theme-switch/theme-switch.component.ts
index c4421a23e..c31c6118e 100644
--- a/packages/elements/src/components/theme-switch/theme-switch.component.ts
+++ b/packages/elements/src/components/theme-switch/theme-switch.component.ts
@@ -4,7 +4,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { createCustomEvent } from '../../lib/custom-events.js';
 import { tailwind } from '../../style/index.js';
 import { BaseElement } from '../base-element.js';
-import style from './theme-switch.scss?inline';
+import style from './theme-switch.css?inline';
 
 @customElement('mte-theme-switch')
 export class MutationTestReportThemeSwitchComponent extends BaseElement {
diff --git a/packages/elements/src/components/theme-switch/theme-switch.css b/packages/elements/src/components/theme-switch/theme-switch.css
new file mode 100644
index 000000000..bb757dc2b
--- /dev/null
+++ b/packages/elements/src/components/theme-switch/theme-switch.css
@@ -0,0 +1,114 @@
+:host {
+  --theme-d: 1.5em;
+  --theme-s: 1.2em;
+  --theme-p: 0.15em;
+  --theme-g: 0.06em;
+  --theme-width: 2.9em;
+
+  --poly: polygon(
+    44.133707561% 12.9616872277%,
+    50% 0%,
+    55.866292439% 12.9616872277%,
+    59.7057141913% 13.7777815142%,
+    63.4387981079% 14.9907340064%,
+    67.0246437402% 16.5872553429%,
+    79.3892626146% 9.5491502813%,
+    76.5165042945% 23.4834957055%,
+    79.1429735546% 26.4004853356%,
+    81.450146298% 29.5760361869%,
+    83.4127446571% 32.9753562598%,
+    97.5528258148% 34.5491502813%,
+    87.0383127723% 44.133707561%,
+    87.4486075533% 48.0374016409%,
+    87.4486075533% 51.9625983591%,
+    87.0383127723% 55.866292439%,
+    97.5528258148% 65.4508497187%,
+    83.4127446571% 67.0246437402%,
+    81.450146298% 70.4239638131%,
+    79.1429735546% 73.5995146644%,
+    76.5165042945% 76.5165042945%,
+    79.3892626146% 90.4508497187%,
+    67.0246437402% 83.4127446571%,
+    63.4387981079% 85.0092659936%,
+    59.7057141913% 86.2222184858%,
+    55.866292439% 87.0383127723%,
+    50% 100%,
+    44.133707561% 87.0383127723%,
+    40.2942858087% 86.2222184858%,
+    36.5612018921% 85.0092659936%,
+    32.9753562598% 83.4127446571%,
+    20.6107373854% 90.4508497187%,
+    23.4834957055% 76.5165042945%,
+    20.8570264454% 73.5995146644%,
+    18.549853702% 70.4239638131%,
+    16.5872553429% 67.0246437402%,
+    2.4471741852% 65.4508497187%,
+    12.9616872277% 55.866292439%,
+    12.5513924467% 51.9625983591%,
+    12.5513924467% 48.0374016409%,
+    12.9616872277% 44.133707561%,
+    2.4471741852% 34.5491502813%,
+    16.5872553429% 32.9753562598%,
+    18.549853702% 29.5760361869%,
+    20.8570264454% 26.4004853356%,
+    23.4834957055% 23.4834957055%,
+    20.6107373854% 9.5491502813%,
+    32.9753562598% 16.5872553429%,
+    36.5612018921% 14.9907340064%,
+    40.2942858087% 13.7777815142%
+  );
+}
+
+/* Checkbox */
+#darkTheme {
+  position: absolute;
+  right: 100vw;
+
+  + label {
+    --i: 0;
+    --j: calc(1 - var(--i));
+    display: grid;
+    grid-gap: var(--theme-p) var(--theme-g);
+    overflow: hidden;
+    padding: var(--theme-p);
+    height: var(--theme-d);
+    border-radius: calc(0.5 * var(--theme-s) + var(--theme-p));
+    background: hsl(199, 98%, calc(var(--j) * 48%));
+    color: transparent;
+    user-select: none;
+    transition: 0.3s;
+    cursor: pointer;
+
+    &:before,
+    &:after {
+      width: var(--theme-s);
+      height: var(--theme-s);
+      transition: inherit;
+      content: '';
+    }
+
+    &:before {
+      transform-origin: 20% 20%;
+      transform: translate(calc(var(--i) * (100% + var(--theme-g)))) scale(calc(1 - var(--i) * 0.8));
+      background: hsl(60, 100%, 50%);
+
+      -webkit-clip-path: var(--poly);
+      clip-path: var(--poly);
+    }
+
+    &:after {
+      grid-column: 2;
+      border-radius: 50%;
+      transform: translatey(calc(var(--i) * (-130% - var(--theme-p))));
+      background: radial-gradient(circle at 19% 19%, transparent 41%, #fff 43%);
+    }
+  }
+
+  &:checked + label {
+    --i: 1;
+  }
+}
+
+.check-box-container {
+  width: var(--theme-width);
+}
diff --git a/packages/elements/src/components/theme-switch/theme-switch.scss b/packages/elements/src/components/theme-switch/theme-switch.scss
deleted file mode 100644
index 1658a524c..000000000
--- a/packages/elements/src/components/theme-switch/theme-switch.scss
+++ /dev/null
@@ -1,159 +0,0 @@
-@use 'sass:math';
-
-$d: 1.5em;
-$s: 1.2em;
-$p: 0.15em;
-$g: 0.06em;
-$width: 2.9em;
-
-/* Math */
-@function pow($number, $exp) {
-  $value: 1;
-  @if $exp > 0 {
-    @for $i from 1 through $exp {
-      $value: $value * $number;
-    }
-  } @else if $exp < 0 {
-    @for $i from 1 through -$exp {
-      $value: math.div($value, $number);
-    }
-  }
-  @return $value;
-}
-
-@function fact($number) {
-  $value: 1;
-  @if $number > 0 {
-    @for $i from 1 through $number {
-      $value: $value * $i;
-    }
-  }
-  @return $value;
-}
-
-@function pi() {
-  @return 3.14159265359;
-}
-
-@function rad($angle) {
-  $unit: math.unit($angle);
-  $unitless: math.div($angle, $angle * 0 + 1);
-  // If the angle has 'deg' as unit, convert to radians.
-  @if $unit == deg {
-    $unitless: math.div($unitless, 180) * pi();
-  }
-  @return $unitless;
-}
-
-@function sin($angle) {
-  $sin: 0;
-  $angle: rad($angle);
-  // Iterate a bunch of times.
-  @for $i from 0 through 10 {
-    $sin: $sin + math.div(pow(-1, $i) * pow($angle, (2 * $i + 1)), fact(2 * $i + 1));
-  }
-  @return $sin;
-}
-
-@function cos($angle) {
-  $cos: 0;
-  $angle: rad($angle);
-  // Iterate a bunch of times.
-  @for $i from 0 through 10 {
-    $cos: $cos + math.div(pow(-1, $i) * pow($angle, 2 * $i), fact(2 * $i));
-  }
-  @return $cos;
-}
-
-@function tan($angle) {
-  @return math.div(sin($angle), cos($angle));
-}
-
-/* Star */
-@mixin star($n: 5, $k: 0.65, $p: 3) {
-  $m: 2 * $n;
-  $ba: math.div(360deg, $m);
-  $la: math.div($ba, $p);
-  $ro: 50%;
-  $ri: $k * $ro;
-  $plist: ();
-
-  @for $i from 0 to $m {
-    $sa: ($i - 0.5) * $ba - 90deg;
-
-    @if $i%2 == 0 {
-      // pointy part
-      $ma: $sa + 0.5 * $ba;
-
-      $plist:
-        $plist,
-        $ro + $ri * cos($sa) $ro + $ri * sin($sa),
-        $ro + $ro * cos($ma) $ro + $ro * sin($ma);
-    } @else {
-      // round part
-      @for $j from 0 to $p {
-        $ca: $sa + $j * $la;
-
-        $plist:
-          $plist,
-          $ro + $ri * cos($ca) $ro + $ri * sin($ca);
-      }
-    }
-  }
-
-  --poly: #{polygon($plist)};
-  -webkit-clip-path: var(--poly);
-  clip-path: var(--poly);
-}
-
-/* Checkbox */
-#darkTheme {
-  position: absolute;
-  right: 100vw;
-
-  + label {
-    --i: 0;
-    --j: calc(1 - var(--i));
-    display: grid;
-    grid-gap: $p $g;
-    overflow: hidden;
-    padding: $p;
-    height: $d;
-    border-radius: 0.5 * $s + $p;
-    background: hsl(199, 98%, calc(var(--j) * 48%));
-    color: transparent;
-    user-select: none;
-    transition: 0.3s;
-    cursor: pointer;
-
-    &:before,
-    &:after {
-      width: $s;
-      height: $s;
-      transition: inherit;
-      content: '';
-    }
-
-    &:before {
-      transform-origin: 20% 20%;
-      transform: translate(calc(var(--i) * (100% + #{$g}))) scale(calc(1 - var(--i) * 0.8));
-      background: hsl(60, 100%, 50%);
-      @include star(10, 0.75);
-    }
-
-    &:after {
-      grid-column: 2;
-      border-radius: 50%;
-      transform: translatey(calc(var(--i) * (-130% - #{$p})));
-      background: radial-gradient(circle at 19% 19%, transparent 41%, #fff 43%);
-    }
-  }
-
-  &:checked + label {
-    --i: 1;
-  }
-}
-
-.check-box-container {
-  width: $width;
-}
diff --git a/packages/elements/src/style/globals.css b/packages/elements/src/style/globals.css
deleted file mode 100644
index a9d9a2775..000000000
--- a/packages/elements/src/style/globals.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/* Global variables loaded in mutation-test-report-app */
-
-:host {
-  --mte-drawer-height-half-open: 120px; /* Leave room for 2 lines of text */
-}
diff --git a/packages/elements/src/style/index.ts b/packages/elements/src/style/index.ts
index 4b7960d62..ef38d5590 100644
--- a/packages/elements/src/style/index.ts
+++ b/packages/elements/src/style/index.ts
@@ -2,10 +2,30 @@ import './prism-plugins';
 
 import { unsafeCSS } from 'lit';
 
-import globalsCss from './globals.css?inline';
 import prismjsCss from './prismjs.css?inline';
 import tailwindCss from './tailwind.css?inline';
 
 export const tailwind = unsafeCSS(tailwindCss);
 export const prismjs = unsafeCSS(prismjsCss);
-export const globals = unsafeCSS(globalsCss);
+
+// https://github.com/tailwindlabs/tailwindcss/issues/15005
+// Set all @property values from tailwind on the document
+// And only do this once (check if the there is already a stylesheet with the same content)
+if (
+  tailwind.styleSheet &&
+  document?.adoptedStyleSheets &&
+  !document.adoptedStyleSheets.some((sheet) => sheet.cssRules[0]?.cssText === tailwind.styleSheet!.cssRules[0].cssText)
+) {
+  const propertiesSheet = new CSSStyleSheet();
+  let code = tailwind.cssText;
+
+  code = code
+    // Change custom properties to inherit
+    .replaceAll('inherits: false', 'inherits: true')
+    // Remove everything before the property declarations
+    .substring(code.indexOf('@property'));
+
+  propertiesSheet.replaceSync(code);
+
+  document.adoptedStyleSheets.push(propertiesSheet);
+}
diff --git a/packages/elements/src/style/prismjs.css b/packages/elements/src/style/prismjs.css
index e85d99a04..b30e5cefc 100644
--- a/packages/elements/src/style/prismjs.css
+++ b/packages/elements/src/style/prismjs.css
@@ -6,7 +6,6 @@
 code[class*='language-'],
 pre[class*='language-'] {
   color: var(--prism-maintext);
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   direction: ltr;
   font-size: 1em;
   text-align: left;
diff --git a/packages/elements/src/style/tailwind.css b/packages/elements/src/style/tailwind.css
index a8b877045..135365a23 100644
--- a/packages/elements/src/style/tailwind.css
+++ b/packages/elements/src/style/tailwind.css
@@ -2,16 +2,64 @@
  * This injects Tailwind's base styles and any base styles registered by
  * plugins.
  */
-@tailwind base;
+@import 'tailwindcss';
+@plugin "@tailwindcss/forms";
 
-/**
- * This injects Tailwind's component classes and any component classes
- * registered by plugins.
- */
-@tailwind components;
+@theme {
+  --breakpoint-3xl: 2000px;
 
-/**
- * This injects Tailwind's utility classes and any utility classes registered
- * by plugins.
- */
-@tailwind utilities;
+  --transition-property-max-width: max-width;
+  --transition-property-height: height;
+  --transition-property-width: width;
+  --transition-property-stroke-opacity: stroke-opacity;
+
+  /* Remove some unused colours */
+  --color-stone-*: initial;
+  --color-slate-*: initial;
+}
+
+@theme inline {
+  --spacing-offset: var(--top-offset, 0);
+  --spacing-drawer-half-open: var(--mte-drawer-height-half-open, 120px);
+
+  /* Custom colors as css variables */
+  /* Defaults are light theme colors, dark mode colors are defined in theme.scss */
+  --color-white: var(--mut-white, #fff);
+
+  --color-gray-50: var(--mut-gray-50, var(--color-zinc-50));
+  --color-gray-100: var(--mut-gray-100, var(--color-zinc-100));
+  --color-gray-200: var(--mut-gray-200, var(--color-zinc-200));
+  --color-gray-300: var(--mut-gray-300, var(--color-zinc-300));
+  --color-gray-400: var(--mut-gray-400, var(--color-zinc-400));
+  --color-gray-500: var(--mut-gray-500, var(--color-zinc-500));
+  --color-gray-600: var(--mut-gray-600, var(--color-zinc-600));
+  --color-gray-700: var(--mut-gray-700, var(--color-zinc-700));
+  --color-gray-800: var(--mut-gray-800, var(--color-zinc-800));
+  --color-gray-900: var(--mut-gray-900, var(--color-zinc-900));
+  --color-gray-950: var(--mut-gray-950, var(--color-zinc-950));
+  --color-gray: var(--mut-gray, var(--color-zinc-500));
+
+  --color-primary-50: var(--mut-primary-50, var(--color-sky-50));
+  --color-primary-100: var(--mut-primary-100, var(--color-sky-100));
+  --color-primary-200: var(--mut-primary-200, var(--color-sky-200));
+  --color-primary-300: var(--mut-primary-300, var(--color-sky-300));
+  --color-primary-400: var(--mut-primary-400, var(--color-sky-400));
+  --color-primary-500: var(--mut-primary-500, var(--color-sky-500));
+  --color-primary-600: var(--mut-primary-600, var(--color-sky-600));
+  --color-primary-700: var(--mut-primary-700, var(--color-sky-700));
+  --color-primary-800: var(--mut-primary-800, var(--color-sky-800));
+  --color-primary-900: var(--mut-primary-900, var(--color-sky-900));
+  --color-primary-950: var(--mut-primary-950, var(--color-sky-950));
+  --color-primary: var(--mut-primary, var(--color-sky-500));
+  --color-primary-on: var(--mut-primary-on, var(--color-sky-700));
+}
+
+@layer theme {
+  :host {
+    --mte-drawer-height-half-open: 120px;
+  }
+}
+
+@utility container {
+  margin-inline: auto;
+}
diff --git a/packages/elements/tailwind.config.ts b/packages/elements/tailwind.config.ts
deleted file mode 100644
index 73fd31e23..000000000
--- a/packages/elements/tailwind.config.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import tailwindForms from '@tailwindcss/forms';
-import type { Config } from 'tailwindcss';
-import colors from 'tailwindcss/colors.js';
-
-/**
- * hexcodes need to be converted to single r g b values
- * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
- */
-function hexToRgb(hexCode: string) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexCode);
-  if (!result) throw new Error(`Invalid hex color: ${hexCode}`);
-
-  const r = parseInt(result[1], 16);
-  const g = parseInt(result[2], 16);
-  const b = parseInt(result[3], 16);
-  return `${r} ${g} ${b}`;
-}
-
-function toVariable(variableName: string, hexCode: string) {
-  const fallBackColor = hexToRgb(hexCode);
-
-  return `rgb(var(${variableName}, ${fallBackColor}) / <alpha-value>)`;
-}
-
-const colorRange = ['DEFAULT', '50', '100', '200', '300', '400', '500', '600', '700', '800', '900'] as const;
-
-/**
- * Generate a range of color variables in tailwind format
- */
-const generateRange = (color: string, defaultColors: Record<keyof (typeof colors)['gray'], string> & { DEFAULT?: string }) =>
-  Object.fromEntries(
-    colorRange.map((range) => {
-      const variableName = `--mut-${color}${range === 'DEFAULT' ? '' : `-${range}`}`;
-      const variable = toVariable(variableName, defaultColors[range] ?? defaultColors['500']);
-
-      return [range, variable];
-    }),
-  );
-
-export default {
-  content: ['./src/**/*.ts'],
-  plugins: [tailwindForms],
-  theme: {
-    container: {
-      center: true,
-    },
-    extend: {
-      screens: {
-        '3xl': '2000px',
-      },
-      spacing: {
-        offset: 'var(--top-offset, 0)',
-        'drawer-half-open': 'var(--mte-drawer-height-half-open, 0)',
-      },
-      colors: {
-        white: toVariable('--mut-white', '#ffffff'),
-        // ALL colors here _must_ also be defined in `src/components/app/theme.scss` for light _and_ dark mode!
-        gray: generateRange('gray', colors.zinc),
-        primary: {
-          ...generateRange('primary', colors.sky),
-          // color for 'on' background
-          on: toVariable('--mut-primary-on', colors.sky['700']),
-        },
-      },
-      transitionProperty: {
-        'max-width': 'max-width',
-        height: 'height',
-        width: 'width',
-        'stroke-opacity': 'stroke-opacity',
-      },
-    },
-  },
-} satisfies Config;
diff --git a/packages/elements/test/integration/po/MutantMarker.po.ts b/packages/elements/test/integration/po/MutantMarker.po.ts
index 4ba81d0a4..c7d60c352 100644
--- a/packages/elements/test/integration/po/MutantMarker.po.ts
+++ b/packages/elements/test/integration/po/MutantMarker.po.ts
@@ -2,14 +2,19 @@ import { MutantElement } from './MutantElement.po.js';
 
 export class MutantMarker extends MutantElement {
   async underlineIsVisible() {
-    const underlineStyle = await this.host.evaluate<string>((el) => window.getComputedStyle(el).borderBottomStyle);
-    switch (underlineStyle) {
-      case 'solid':
+    // First try text-decoration, then border-bottom
+    return (await this.#styleMatches('textDecorationLine', 'underline')) || (await this.#styleMatches('borderBottomStyle', 'solid'));
+  }
+
+  async #styleMatches(property: keyof CSSStyleDeclaration & string, trueCase: string, falseCase = 'none') {
+    const style = (await this.host.evaluate((el, property) => window.getComputedStyle(el)[property], property)) as string;
+    switch (style) {
+      case trueCase:
         return true;
-      case 'none':
+      case falseCase:
         return false;
       default:
-        throw new Error(`Underline style "${underlineStyle}" is not supported`);
+        throw new Error(`${property} style "${style}" is not supported`);
     }
   }
 }
diff --git a/packages/elements/test/integration/theming.it.spec.ts b/packages/elements/test/integration/theming.it.spec.ts
index 353e042f4..38379b360 100644
--- a/packages/elements/test/integration/theming.it.spec.ts
+++ b/packages/elements/test/integration/theming.it.spec.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test';
+import colors from 'tailwindcss/colors.js';
 
 import { itShouldMatchScreenshot } from './lib/helpers.js';
 import type { FilePicker } from './po/FilePicker.po.js';
@@ -22,7 +23,7 @@ test.describe('Theming', () => {
     });
 
     test('should have a dark background', async () => {
-      expect(await page.backgroundColor()).toEqual('rgb(24, 24, 27)');
+      expect(await page.backgroundColor()).toEqual(colors.zinc['900']);
     });
 
     itShouldMatchScreenshot('should match the dark theme');
diff --git a/packages/elements/test/unit/components/app.component.spec.ts b/packages/elements/test/unit/components/app.component.spec.ts
index b81b3f3b9..6156fa66f 100644
--- a/packages/elements/test/unit/components/app.component.spec.ts
+++ b/packages/elements/test/unit/components/app.component.spec.ts
@@ -1,3 +1,4 @@
+import colors from 'tailwindcss/colors.js';
 import type { MockInstance } from 'vitest';
 
 import { MutationTestReportAppComponent } from '../../../src/components/app/app.component.js';
@@ -68,7 +69,7 @@ describe(MutationTestReportAppComponent.name, () => {
 
     it('should report error when fetch fails', async () => {
       // Arrange
-      const redAlert = 'rgb(185, 28, 28)';
+      const redAlert = colors.red['700'];
       const expectedError = new Error('report did not exist - 404');
       const expectedErrorMessage = 'Error: report did not exist - 404';
       fetchStub.mockRejectedValue(expectedError);
@@ -240,7 +241,7 @@ describe(MutationTestReportAppComponent.name, () => {
         sut.element.theme = 'dark';
         await sut.whenStable();
 
-        expect(sut.element.themeBackgroundColor.trim()).eq('#18181b');
+        expect(sut.element.themeBackgroundColor.trim()).eq(colors.zinc['900']);
       });
     });
 
@@ -299,7 +300,7 @@ describe(MutationTestReportAppComponent.name, () => {
         sut.$('mte-theme-switch').dispatchEvent(createCustomEvent('theme-switch', 'dark'));
       });
       expect(event?.detail.theme).eq('dark');
-      expect(event?.detail.themeBackgroundColor.trim()).eq('#18181b');
+      expect(event?.detail.themeBackgroundColor.trim()).eq(colors.zinc['900']);
     });
 
     it('should trigger a `theme-changed` event when the theme changes during init', async () => {
@@ -310,7 +311,7 @@ describe(MutationTestReportAppComponent.name, () => {
         await sut.whenStable();
       });
       expect(event?.detail.theme).eq('dark');
-      expect(event?.detail.themeBackgroundColor.trim()).eq('#18181b');
+      expect(event?.detail.themeBackgroundColor.trim()).eq(colors.zinc['900']);
     });
   });
 
diff --git a/packages/elements/test/unit/components/test-file.component.spec.ts b/packages/elements/test/unit/components/test-file.component.spec.ts
index 74c8032f2..de7078e14 100644
--- a/packages/elements/test/unit/components/test-file.component.spec.ts
+++ b/packages/elements/test/unit/components/test-file.component.spec.ts
@@ -161,7 +161,7 @@ describe(TestFileComponent.name, () => {
       await sut.whenStable();
 
       expect(sut.$('code tr.line:nth-child(2) .code').innerHTML).contains(
-        `<svg height="10" width="12" test-id="spec-1" class="test-dot  NotCovering">`,
+        `<svg height="10" width="12" test-id="spec-1" class="test-dot mx-0.5 cursor-pointer  NotCovering">`,
       );
     });
 
diff --git a/packages/elements/test/unit/helpers/helperFunctions.ts b/packages/elements/test/unit/helpers/helperFunctions.ts
index 3004214f1..19db24343 100644
--- a/packages/elements/test/unit/helpers/helperFunctions.ts
+++ b/packages/elements/test/unit/helpers/helperFunctions.ts
@@ -1,16 +1,17 @@
 import type { MutantStatus } from 'mutation-testing-report-schema/api';
+import colors from 'tailwindcss/colors.js';
 
 export function normalizeWhitespace(pseudoHtml: string) {
   return pseudoHtml.replace(/\s+/g, ' ').trim();
 }
 
 export const expectedMutantColors = Object.freeze({
-  Killed: 'rgb(220, 252, 231)',
-  Survived: 'rgb(254, 226, 226)',
-  NoCoverage: 'rgb(255, 237, 213)',
-  Timeout: 'rgb(254, 249, 195)',
-  CompileError: 'rgb(244, 244, 245)',
-  RuntimeError: 'rgb(244, 244, 245)',
-  Ignored: 'rgb(244, 244, 245)',
-  Pending: 'rgb(244, 244, 245)',
+  Killed: colors.green['100'],
+  Survived: colors.red['100'],
+  NoCoverage: colors.orange['100'],
+  Timeout: colors.yellow['100'],
+  CompileError: colors.zinc['100'],
+  RuntimeError: colors.zinc['100'],
+  Ignored: colors.zinc['100'],
+  Pending: colors.zinc['100'],
 } satisfies Record<MutantStatus, string>);
diff --git a/packages/elements/vite.config.ts b/packages/elements/vite.config.ts
index c49f219d7..faf53f0bd 100644
--- a/packages/elements/vite.config.ts
+++ b/packages/elements/vite.config.ts
@@ -1,5 +1,6 @@
 /// <reference types="vitest" />
 
+import tailwindcss from '@tailwindcss/vite';
 import browserslistToEsbuild from 'browserslist-to-esbuild';
 import { type MutationEventSender, RealTimeReporter } from 'mutation-testing-real-time';
 import { type Plugin } from 'vite';
@@ -23,7 +24,7 @@ export default defineConfig({
       '/mutation-test-elements.js': '/src/index.ts',
     },
   },
-  plugins: [realTimeResponderPlugin()],
+  plugins: [tailwindcss(), realTimeResponderPlugin()],
   server: {
     open: process.env.CI ? undefined : '/testResources/',
   },