diff --git a/flake.nix b/flake.nix
index 14e01831..33082aec 100644
--- a/flake.nix
+++ b/flake.nix
@@ -16,7 +16,7 @@
 
         src = lib.cleanSource ./.;
 
-        npmDepsHash = "sha256-gkB7eb9/B3T5fNlF333CqRX8xh9a5EeOHOjlnIaf/Rw=";
+        npmDepsHash = "sha256-cgPhN3hlVob1V4cBQohfLykHqVCHcLOdGv+g5QC19Uc=";
         # npmDepsHash = lib.fakeHash;
 
         # DTTH-specific env variables
diff --git a/package-lock.json b/package-lock.json
index d36b0e01..d6d42f9e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,12 +40,12 @@
       },
       "devDependencies": {
         "@preact/preset-vite": "~2.5.0",
-        "@trivago/prettier-plugin-sort-imports": "~4.1.1",
-        "postcss": "~8.4.26",
+        "@trivago/prettier-plugin-sort-imports": "~4.2.0",
+        "postcss": "~8.4.27",
         "postcss-dark-theme-class": "~0.7.3",
-        "postcss-preset-env": "~9.0.0",
+        "postcss-preset-env": "~9.1.0",
         "twitter-text": "~3.1.0",
-        "vite": "~4.4.4",
+        "vite": "~4.4.7",
         "vite-plugin-generate-file": "~0.0.4",
         "vite-plugin-html-config": "~1.0.11",
         "vite-plugin-pwa": "~0.16.4",
@@ -1832,9 +1832,9 @@
       }
     },
     "node_modules/@csstools/cascade-layer-name-parser": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.3.tgz",
-      "integrity": "sha512-ks9ysPP8012j90EQCCFtDsQIXOTCOpTQFIyyoRku06y8CXtUQ+8bXI8KVm9Q9ovwDUVthWuWKZWJD3u1rwnEfw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.4.tgz",
+      "integrity": "sha512-zXMGsJetbLoXe+gjEES07MEGjL0Uy3hMxmnGtVBrRpVKr5KV9OgCB09zr/vLrsEtoVQTgJFewxaU8IYSAE4tjg==",
       "dev": true,
       "funding": [
         {
@@ -1850,8 +1850,8 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "node_modules/@csstools/color-helpers": {
@@ -1874,9 +1874,9 @@
       }
     },
     "node_modules/@csstools/css-calc": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.2.tgz",
-      "integrity": "sha512-qzBPhzWz4tUNk2tM1fk6tOSGaWlrhmH66w6WyUDoB+2Pj7pxvu6mlvXVwOGODGJBIF158aPWPheVQgcoBTszkg==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.3.tgz",
+      "integrity": "sha512-7mJZ8gGRtSQfQKBQFi5N0Z+jzNC0q8bIkwojP1W0w+APzEqHu5wJoGVsvKxVnVklu9F8tW1PikbBRseYnAdv+g==",
       "dev": true,
       "funding": [
         {
@@ -1892,14 +1892,14 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "node_modules/@csstools/css-color-parser": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.2.2.tgz",
-      "integrity": "sha512-okEA/PWwtUn/7Koy0QoDs85jGOO0293kDyYdVoLgpwt2QmMJECYZotxVjRZ5SdReVGPwecUyeHeViw1uLewcpA==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.2.3.tgz",
+      "integrity": "sha512-YaEnCoPTdhE4lPQFH3dU4IEk8S+yCnxS88wMv45JzlnMfZp57hpqA6qf2gX8uv7IJTJ/43u6pTQmhy7hCjlz7g==",
       "dev": true,
       "funding": [
         {
@@ -1913,20 +1913,20 @@
       ],
       "dependencies": {
         "@csstools/color-helpers": "^3.0.0",
-        "@csstools/css-calc": "^1.1.2"
+        "@csstools/css-calc": "^1.1.3"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "node_modules/@csstools/css-parser-algorithms": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.0.tgz",
-      "integrity": "sha512-dTKSIHHWc0zPvcS5cqGP+/TPFUJB0ekJ9dGKvMAFoNuBFhDPBt9OMGNZiIA5vTiNdGHHBeScYPXIGBMnVOahsA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz",
+      "integrity": "sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==",
       "dev": true,
       "funding": [
         {
@@ -1942,26 +1942,32 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "node_modules/@csstools/css-tokenizer": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz",
-      "integrity": "sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz",
+      "integrity": "sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
       "engines": {
         "node": "^14 || ^16 || >=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
       }
     },
     "node_modules/@csstools/media-query-list-parser": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.2.tgz",
-      "integrity": "sha512-M8cFGGwl866o6++vIY7j1AKuq9v57cf+dGepScwCcbut9ypJNr4Cj+LLTWligYUZ0uyhEoJDKt5lvyBfh2L3ZQ==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.3.tgz",
+      "integrity": "sha512-ATul1u+pic4aVpstgueqxEv4MsObEbszAxfTXpx9LHaeD3LAh+wFqdCteyegWmjk0k5rkSCAvIOaJe9U3DD09w==",
       "dev": true,
       "funding": [
         {
@@ -1977,8 +1983,8 @@
         "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "node_modules/@csstools/postcss-cascade-layers": {
@@ -2008,9 +2014,9 @@
       }
     },
     "node_modules/@csstools/postcss-color-function": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-2.2.3.tgz",
-      "integrity": "sha512-b1ptNkr1UWP96EEHqKBWWaV5m/0hgYGctgA/RVZhONeP1L3T/8hwoqDm9bB23yVCfOgE9U93KI9j06+pEkJTvw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.1.tgz",
+      "integrity": "sha512-+vrvCQeUifpMeyd42VQ3JPWGQ8cO19+TnGbtfq1SDSgZzRapCQO4aK9h/jhMOKPnxGzbA57oS0aHgP/12N9gSQ==",
       "dev": true,
       "funding": [
         {
@@ -2023,10 +2029,10 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.2.0",
-        "@csstools/css-parser-algorithms": "^2.1.1",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+        "@csstools/css-color-parser": "^1.2.2",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2036,9 +2042,9 @@
       }
     },
     "node_modules/@csstools/postcss-color-mix-function": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.3.tgz",
-      "integrity": "sha512-QGXjGugTluqFZWzVf+S3wCiRiI0ukXlYqCi7OnpDotP/zaVTyl/aqZujLFzTOXy24BoWnu89frGMc79ohY5eog==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.1.tgz",
+      "integrity": "sha512-Z5cXkLiccKIVcUTe+fAfjUD7ZUv0j8rq3dSoBpM6I49dcw+50318eYrwUZa3nyb4xNx7ntNNUPmesAc87kPE2Q==",
       "dev": true,
       "funding": [
         {
@@ -2051,10 +2057,37 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-color-parser": "^1.2.0",
-        "@csstools/css-parser-algorithms": "^2.1.1",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+        "@csstools/css-color-parser": "^1.2.2",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/postcss-progressive-custom-properties": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-exponential-functions": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.0.tgz",
+      "integrity": "sha512-FPndJ/7oGlML7/4EhLi902wGOukO0Nn37PjwOQGc0BhhjQPy3np3By4d3M8s9Cfmp9EHEKgUHRN2DQ5HLT/hTw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2089,9 +2122,9 @@
       }
     },
     "node_modules/@csstools/postcss-gradients-interpolation-method": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.0.tgz",
-      "integrity": "sha512-jGSRoZmw+5ZQ8Y39YN4zc3LIfRYdoiz5vMQzgADOdn7Bc4VBueUMsmMn1gX4ED76Pp7/f+Xvi0WrCFiOM2hkyw==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.1.tgz",
+      "integrity": "sha512-IHeFIcksjI8xKX7PWLzAyigM3UvJdZ4btejeNa7y/wXxqD5dyPPZuY55y8HGTrS6ETVTRqfIznoCPtTzIX7ygQ==",
       "dev": true,
       "funding": [
         {
@@ -2105,8 +2138,8 @@
       ],
       "dependencies": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       },
       "engines": {
@@ -2116,35 +2149,10 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/@csstools/postcss-gradients-interpolation-method/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/@csstools/postcss-hwb-function": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.0.tgz",
-      "integrity": "sha512-a4gbFxgF6yJVGdXSAaDCZE4WMi7yu3PgPaBKpvqefyG1+R2zCwOboXYLzn2GVUyTAHij+ZRFDQUYUVODAQnf6g==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.1.tgz",
+      "integrity": "sha512-FYe2K8EOYlL1BUm2HTXVBo6bWAj0xl4khOk6EFhQHy/C5p3rlr8OcetzQuwMeNQ3v25nB06QTgqUHoOUwoEqhA==",
       "dev": true,
       "funding": [
         {
@@ -2158,8 +2166,8 @@
       ],
       "dependencies": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2194,31 +2202,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/@csstools/postcss-ic-unit/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/@csstools/postcss-is-pseudo-class": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-4.0.0.tgz",
@@ -2293,9 +2276,9 @@
       }
     },
     "node_modules/@csstools/postcss-logical-viewport-units": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.0.tgz",
-      "integrity": "sha512-KZIJXAvXqePyk2QHOYYy5YUVyjiqRTC5lgOjJJsjKIwNnGvOBqD4ypWUB94WlWO0yzNwIMs+JYnTP4jGEbKzhA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.1.tgz",
+      "integrity": "sha512-R5s19SscS7CHoxvdYNMu2Y3WDwG4JjdhsejqjunDB1GqfzhtHSvL7b5XxCkUWqm2KRl35hI6kJ4HEaCDd/3BXg==",
       "dev": true,
       "funding": [
         {
@@ -2308,7 +2291,7 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-tokenizer": "^2.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2318,9 +2301,9 @@
       }
     },
     "node_modules/@csstools/postcss-media-minmax": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.5.tgz",
-      "integrity": "sha512-gKwnAgX8wM3cNJ+nn2st8Cu25H/ZT43Z3CQE54rJPn4aD2gi4/ibXga+IZNwRUSGR7/zJtsoWrq9aHf4qXgYRg==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.6.tgz",
+      "integrity": "sha512-BmwKkqEzzQz6D+5ctoacsiGrq4kVgd1PMEPwkwdR0qFaL2C2nguGsWG87xEw+HIts/2yxhIPTm7Jp3DQq+wn3Q==",
       "dev": true,
       "funding": [
         {
@@ -2333,10 +2316,10 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/media-query-list-parser": "^2.1.2"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/media-query-list-parser": "^2.1.3"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2346,9 +2329,9 @@
       }
     },
     "node_modules/@csstools/postcss-media-queries-aspect-ratio-number-values": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.0.tgz",
-      "integrity": "sha512-7gxwEFeKlzql44msYZp7hqxpyxRqE1rt/TcUnDgnqqeOZI5GVHUULIrrzVnMq0YiaQROw/ugy8hov4e8V46GHw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.1.tgz",
+      "integrity": "sha512-UvMYxXT3R011whbxzRwLx7d7eNGyVsnZo7waAmf10ZGnT34XidY+rsdFnk6OdFwuG6FYqw3/tptQEAZOmUgvLw==",
       "dev": true,
       "funding": [
         {
@@ -2361,9 +2344,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/media-query-list-parser": "^2.1.2"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/media-query-list-parser": "^2.1.3"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2423,9 +2406,9 @@
       }
     },
     "node_modules/@csstools/postcss-oklab-function": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.0.tgz",
-      "integrity": "sha512-SQgh//VauJwat3qEwOw6t+Y9l8/dKooDnY3tD/o6qpcSjOvGqSsPeY+0QWWeAXYTtaddXSz4YmPohRRTsNlZGg==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.1.tgz",
+      "integrity": "sha512-3TIz+dCPlQPzz4yAEYXchUpfuU2gRYK4u1J+1xatNX85Isg4V+IbLyppblWLV4Vb6npFF8qsHN17rNuxOIy/6w==",
       "dev": true,
       "funding": [
         {
@@ -2439,8 +2422,8 @@
       ],
       "dependencies": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       },
       "engines": {
@@ -2450,7 +2433,7 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/@csstools/postcss-oklab-function/node_modules/@csstools/postcss-progressive-custom-properties": {
+    "node_modules/@csstools/postcss-progressive-custom-properties": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
       "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
@@ -2475,35 +2458,10 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.3.0.tgz",
-      "integrity": "sha512-Zd8ojyMlsL919TBExQ1I0CTpBDdyCpH/yOdqatZpuC3sd22K4SwC7+Yez3Q/vmXMWSAl+shjNeFZ7JMyxMjK+Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/@csstools/postcss-relative-color-syntax": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.0.tgz",
-      "integrity": "sha512-2hz6pwJYgr/Uuj6657Ucphv8SIXLfH2IaBqg10g8+nrNrRYPA1Lfw9p4bDUhE+6M2cujhXy4Sx5NB77FcHUwuA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.1.tgz",
+      "integrity": "sha512-9B8br/7q0bjD1fV3yE22izjc7Oy5hDbDgwdFEz207cdJHYC9yQneJzP3H+/w3RgC7uyfEVhyyhkGRx5YAfJtmg==",
       "dev": true,
       "funding": [
         {
@@ -2517,8 +2475,8 @@
       ],
       "dependencies": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       },
       "engines": {
@@ -2528,31 +2486,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/@csstools/postcss-relative-color-syntax/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/@csstools/postcss-scope-pseudo-class": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-3.0.0.tgz",
@@ -2579,9 +2512,9 @@
       }
     },
     "node_modules/@csstools/postcss-stepped-value-functions": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.0.tgz",
-      "integrity": "sha512-1+itpigiUemtdG2+pU3a36aQdpoFZbiKNZz0iW/s9H2mq0wCfqeRbXQmEQEStaqejEvlX+hLhbvWhb0WEuMKHQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.1.tgz",
+      "integrity": "sha512-y1sykToXorFE+5cjtp//xAMWEAEple0kcZn2QhzEFIZDDNvGOCp5JvvmmPGsC3eDlj6yQp70l9uXZNLnimEYfA==",
       "dev": true,
       "funding": [
         {
@@ -2594,9 +2527,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -2632,9 +2565,9 @@
       }
     },
     "node_modules/@csstools/postcss-trigonometric-functions": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.0.tgz",
-      "integrity": "sha512-w00RYRPzvaCbpflgeDGBacZ8dJQwMi5driR+6JasOHh85MiF1e+muYZdjFYi6VWOIzM5XaqxwNiQlgQwdQvxgA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.1.tgz",
+      "integrity": "sha512-hW+JPv0MPQfWC1KARgvJI6bisEUFAZWSvUNq/khGCupYV/h6Z9R2ZFz0Xc633LXBst0ezbXpy7NpnPurSx5Klw==",
       "dev": true,
       "funding": [
         {
@@ -2647,9 +2580,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -3329,9 +3262,9 @@
       }
     },
     "node_modules/@trivago/prettier-plugin-sort-imports": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.1.1.tgz",
-      "integrity": "sha512-dQ2r2uzNr1x6pJsuh/8x0IRA3CBUB+pWEW3J/7N98axqt7SQSm+2fy0FLNXvXGg77xEDC7KHxJlHfLYyi7PDcw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.2.0.tgz",
+      "integrity": "sha512-YBepjbt+ZNBVmN3ev1amQH3lWCmHyt5qTbLCp/syXJRu/Kw2koXh44qayB1gMRxcL/gV8egmjN5xWSrYyfUtyw==",
       "dev": true,
       "dependencies": {
         "@babel/generator": "7.17.7",
@@ -3343,7 +3276,7 @@
       },
       "peerDependencies": {
         "@vue/compiler-sfc": "3.x",
-        "prettier": "2.x"
+        "prettier": "2.x - 3.x"
       },
       "peerDependenciesMeta": {
         "@vue/compiler-sfc": {
@@ -4086,9 +4019,9 @@
       }
     },
     "node_modules/cssdb": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.6.0.tgz",
-      "integrity": "sha512-Nna7rph8V0jC6+JBY4Vk4ndErUmfJfV6NJCaZdurL0omggabiy+QB2HCQtu5c/ACLZ0I7REv7A4QyPIoYzZx0w==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.7.0.tgz",
+      "integrity": "sha512-1hN+I3r4VqSNQ+OmMXxYexnumbOONkSil0TWMebVXHtzYW4tRRPovUNHPHj2d4nrgOuYJ8Vs3XwvywsuwwXNNA==",
       "dev": true,
       "funding": [
         {
@@ -5713,9 +5646,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.26",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.26.tgz",
-      "integrity": "sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==",
+      "version": "8.4.27",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
+      "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
       "dev": true,
       "funding": [
         {
@@ -5800,31 +5733,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/postcss-color-functional-notation/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/postcss-color-hex-alpha": {
       "version": "9.0.2",
       "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.2.tgz",
@@ -5898,9 +5806,9 @@
       }
     },
     "node_modules/postcss-custom-properties": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.2.1.tgz",
-      "integrity": "sha512-Z8UmzwVkRh8aITyeZoZnT4McSSPmS2EFl+OyPspfvx7v+N36V2UseMAODp3oBriZvcf/tQpzag9165x/VcC3kg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.0.tgz",
+      "integrity": "sha512-q4VgtIKSy5+KcUvQ0WxTjDy9DZjQ5VCXAZ9+tT9+aPMbA0z6s2t1nMw0QHszru1ib5ElkXl9JUpYYU37VVUs7g==",
       "dev": true,
       "funding": [
         {
@@ -5913,9 +5821,9 @@
         }
       ],
       "dependencies": {
-        "@csstools/cascade-layer-name-parser": "^1.0.3",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/cascade-layer-name-parser": "^1.0.4",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -6020,31 +5928,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/postcss-double-position-gradients/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/postcss-focus-visible": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-9.0.0.tgz",
@@ -6161,9 +6044,9 @@
       }
     },
     "node_modules/postcss-lab-function": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.0.tgz",
-      "integrity": "sha512-bEKvKeoA0PPeqXdYfnIjU38NdkjrlqT4iENtIVMAcx9YAJz+9OrUvE2IRRK2jMZPcBM5RhyHj5zJqpzvR7KGtw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.1.tgz",
+      "integrity": "sha512-/Xl6JitDh7jWkcOLxrHcAlEaqkxyaG3g4iDMy5RyhNaiQPJ9Egf2+Mxp1W2qnH5jB2bj59f3RbdKmC6qx1IcXA==",
       "dev": true,
       "funding": [
         {
@@ -6177,8 +6060,8 @@
       ],
       "dependencies": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       },
       "engines": {
@@ -6188,31 +6071,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/postcss-lab-function/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/postcss-logical": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-7.0.0.tgz",
@@ -6346,9 +6204,9 @@
       }
     },
     "node_modules/postcss-preset-env": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.0.0.tgz",
-      "integrity": "sha512-L0x/Nluq+/FkidIYjU7JtkmRL2/QmXuYkxuM3C5y9VG3iGLljF9PuBHQ7kzKRoVfwnca0VNN0Zb3a/bxVJ12vA==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.1.0.tgz",
+      "integrity": "sha512-G+x9BD7jb9uHBB7o720emXV00CP+VdWeirJsHC5ERSpbTd2e6Xg7vHzT+a6UkxFyddALuV+Q8wJMgeTKaau+Pg==",
       "dev": true,
       "funding": [
         {
@@ -6362,41 +6220,42 @@
       ],
       "dependencies": {
         "@csstools/postcss-cascade-layers": "^4.0.0",
-        "@csstools/postcss-color-function": "^2.2.3",
-        "@csstools/postcss-color-mix-function": "^1.0.3",
+        "@csstools/postcss-color-function": "^3.0.1",
+        "@csstools/postcss-color-mix-function": "^2.0.1",
+        "@csstools/postcss-exponential-functions": "^1.0.0",
         "@csstools/postcss-font-format-keywords": "^3.0.0",
-        "@csstools/postcss-gradients-interpolation-method": "^4.0.0",
-        "@csstools/postcss-hwb-function": "^3.0.0",
+        "@csstools/postcss-gradients-interpolation-method": "^4.0.1",
+        "@csstools/postcss-hwb-function": "^3.0.1",
         "@csstools/postcss-ic-unit": "^3.0.0",
         "@csstools/postcss-is-pseudo-class": "^4.0.0",
         "@csstools/postcss-logical-float-and-clear": "^2.0.0",
         "@csstools/postcss-logical-resize": "^2.0.0",
-        "@csstools/postcss-logical-viewport-units": "^2.0.0",
-        "@csstools/postcss-media-minmax": "^1.0.5",
-        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.0",
+        "@csstools/postcss-logical-viewport-units": "^2.0.1",
+        "@csstools/postcss-media-minmax": "^1.0.6",
+        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.1",
         "@csstools/postcss-nested-calc": "^3.0.0",
         "@csstools/postcss-normalize-display-values": "^3.0.0",
-        "@csstools/postcss-oklab-function": "^3.0.0",
+        "@csstools/postcss-oklab-function": "^3.0.1",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0",
-        "@csstools/postcss-relative-color-syntax": "^2.0.0",
+        "@csstools/postcss-relative-color-syntax": "^2.0.1",
         "@csstools/postcss-scope-pseudo-class": "^3.0.0",
-        "@csstools/postcss-stepped-value-functions": "^3.0.0",
+        "@csstools/postcss-stepped-value-functions": "^3.0.1",
         "@csstools/postcss-text-decoration-shorthand": "^3.0.0",
-        "@csstools/postcss-trigonometric-functions": "^3.0.0",
+        "@csstools/postcss-trigonometric-functions": "^3.0.1",
         "@csstools/postcss-unset-value": "^3.0.0",
         "autoprefixer": "^10.4.14",
         "browserslist": "^4.21.9",
         "css-blank-pseudo": "^6.0.0",
         "css-has-pseudo": "^6.0.0",
         "css-prefers-color-scheme": "^9.0.0",
-        "cssdb": "^7.6.0",
+        "cssdb": "^7.7.0",
         "postcss-attribute-case-insensitive": "^6.0.2",
         "postcss-clamp": "^4.1.0",
         "postcss-color-functional-notation": "^6.0.0",
         "postcss-color-hex-alpha": "^9.0.2",
         "postcss-color-rebeccapurple": "^9.0.0",
         "postcss-custom-media": "^10.0.0",
-        "postcss-custom-properties": "^13.2.1",
+        "postcss-custom-properties": "^13.3.0",
         "postcss-custom-selectors": "^7.1.4",
         "postcss-dir-pseudo-class": "^8.0.0",
         "postcss-double-position-gradients": "^5.0.0",
@@ -6406,7 +6265,7 @@
         "postcss-gap-properties": "^5.0.0",
         "postcss-image-set-function": "^6.0.0",
         "postcss-initial": "^4.0.1",
-        "postcss-lab-function": "^6.0.0",
+        "postcss-lab-function": "^6.0.1",
         "postcss-logical": "^7.0.0",
         "postcss-nesting": "^12.0.0",
         "postcss-opacity-percentage": "^2.0.0",
@@ -6425,31 +6284,6 @@
         "postcss": "^8.4"
       }
     },
-    "node_modules/postcss-preset-env/node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
     "node_modules/postcss-pseudo-class-any-link": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-9.0.0.tgz",
@@ -7528,13 +7362,13 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.4.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.4.tgz",
-      "integrity": "sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz",
+      "integrity": "sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
-        "postcss": "^8.4.25",
+        "postcss": "^8.4.26",
         "rollup": "^3.25.2"
       },
       "bin": {
@@ -9353,9 +9187,9 @@
       }
     },
     "@csstools/cascade-layer-name-parser": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.3.tgz",
-      "integrity": "sha512-ks9ysPP8012j90EQCCFtDsQIXOTCOpTQFIyyoRku06y8CXtUQ+8bXI8KVm9Q9ovwDUVthWuWKZWJD3u1rwnEfw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.4.tgz",
+      "integrity": "sha512-zXMGsJetbLoXe+gjEES07MEGjL0Uy3hMxmnGtVBrRpVKr5KV9OgCB09zr/vLrsEtoVQTgJFewxaU8IYSAE4tjg==",
       "dev": true,
       "requires": {}
     },
@@ -9366,39 +9200,39 @@
       "dev": true
     },
     "@csstools/css-calc": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.2.tgz",
-      "integrity": "sha512-qzBPhzWz4tUNk2tM1fk6tOSGaWlrhmH66w6WyUDoB+2Pj7pxvu6mlvXVwOGODGJBIF158aPWPheVQgcoBTszkg==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.3.tgz",
+      "integrity": "sha512-7mJZ8gGRtSQfQKBQFi5N0Z+jzNC0q8bIkwojP1W0w+APzEqHu5wJoGVsvKxVnVklu9F8tW1PikbBRseYnAdv+g==",
       "dev": true,
       "requires": {}
     },
     "@csstools/css-color-parser": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.2.2.tgz",
-      "integrity": "sha512-okEA/PWwtUn/7Koy0QoDs85jGOO0293kDyYdVoLgpwt2QmMJECYZotxVjRZ5SdReVGPwecUyeHeViw1uLewcpA==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.2.3.tgz",
+      "integrity": "sha512-YaEnCoPTdhE4lPQFH3dU4IEk8S+yCnxS88wMv45JzlnMfZp57hpqA6qf2gX8uv7IJTJ/43u6pTQmhy7hCjlz7g==",
       "dev": true,
       "requires": {
         "@csstools/color-helpers": "^3.0.0",
-        "@csstools/css-calc": "^1.1.2"
+        "@csstools/css-calc": "^1.1.3"
       }
     },
     "@csstools/css-parser-algorithms": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.0.tgz",
-      "integrity": "sha512-dTKSIHHWc0zPvcS5cqGP+/TPFUJB0ekJ9dGKvMAFoNuBFhDPBt9OMGNZiIA5vTiNdGHHBeScYPXIGBMnVOahsA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz",
+      "integrity": "sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==",
       "dev": true,
       "requires": {}
     },
     "@csstools/css-tokenizer": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz",
-      "integrity": "sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz",
+      "integrity": "sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==",
       "dev": true
     },
     "@csstools/media-query-list-parser": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.2.tgz",
-      "integrity": "sha512-M8cFGGwl866o6++vIY7j1AKuq9v57cf+dGepScwCcbut9ypJNr4Cj+LLTWligYUZ0uyhEoJDKt5lvyBfh2L3ZQ==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.3.tgz",
+      "integrity": "sha512-ATul1u+pic4aVpstgueqxEv4MsObEbszAxfTXpx9LHaeD3LAh+wFqdCteyegWmjk0k5rkSCAvIOaJe9U3DD09w==",
       "dev": true,
       "requires": {}
     },
@@ -9413,27 +9247,38 @@
       }
     },
     "@csstools/postcss-color-function": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-2.2.3.tgz",
-      "integrity": "sha512-b1ptNkr1UWP96EEHqKBWWaV5m/0hgYGctgA/RVZhONeP1L3T/8hwoqDm9bB23yVCfOgE9U93KI9j06+pEkJTvw==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-3.0.1.tgz",
+      "integrity": "sha512-+vrvCQeUifpMeyd42VQ3JPWGQ8cO19+TnGbtfq1SDSgZzRapCQO4aK9h/jhMOKPnxGzbA57oS0aHgP/12N9gSQ==",
       "dev": true,
       "requires": {
-        "@csstools/css-color-parser": "^1.2.0",
-        "@csstools/css-parser-algorithms": "^2.1.1",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+        "@csstools/css-color-parser": "^1.2.2",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/postcss-progressive-custom-properties": "^3.0.0"
       }
     },
     "@csstools/postcss-color-mix-function": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.3.tgz",
-      "integrity": "sha512-QGXjGugTluqFZWzVf+S3wCiRiI0ukXlYqCi7OnpDotP/zaVTyl/aqZujLFzTOXy24BoWnu89frGMc79ohY5eog==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-2.0.1.tgz",
+      "integrity": "sha512-Z5cXkLiccKIVcUTe+fAfjUD7ZUv0j8rq3dSoBpM6I49dcw+50318eYrwUZa3nyb4xNx7ntNNUPmesAc87kPE2Q==",
       "dev": true,
       "requires": {
-        "@csstools/css-color-parser": "^1.2.0",
-        "@csstools/css-parser-algorithms": "^2.1.1",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+        "@csstools/css-color-parser": "^1.2.2",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/postcss-progressive-custom-properties": "^3.0.0"
+      }
+    },
+    "@csstools/postcss-exponential-functions": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-1.0.0.tgz",
+      "integrity": "sha512-FPndJ/7oGlML7/4EhLi902wGOukO0Nn37PjwOQGc0BhhjQPy3np3By4d3M8s9Cfmp9EHEKgUHRN2DQ5HLT/hTw==",
+      "dev": true,
+      "requires": {
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "@csstools/postcss-font-format-keywords": {
@@ -9446,37 +9291,26 @@
       }
     },
     "@csstools/postcss-gradients-interpolation-method": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.0.tgz",
-      "integrity": "sha512-jGSRoZmw+5ZQ8Y39YN4zc3LIfRYdoiz5vMQzgADOdn7Bc4VBueUMsmMn1gX4ED76Pp7/f+Xvi0WrCFiOM2hkyw==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.1.tgz",
+      "integrity": "sha512-IHeFIcksjI8xKX7PWLzAyigM3UvJdZ4btejeNa7y/wXxqD5dyPPZuY55y8HGTrS6ETVTRqfIznoCPtTzIX7ygQ==",
       "dev": true,
       "requires": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "@csstools/postcss-hwb-function": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.0.tgz",
-      "integrity": "sha512-a4gbFxgF6yJVGdXSAaDCZE4WMi7yu3PgPaBKpvqefyG1+R2zCwOboXYLzn2GVUyTAHij+ZRFDQUYUVODAQnf6g==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.1.tgz",
+      "integrity": "sha512-FYe2K8EOYlL1BUm2HTXVBo6bWAj0xl4khOk6EFhQHy/C5p3rlr8OcetzQuwMeNQ3v25nB06QTgqUHoOUwoEqhA==",
       "dev": true,
       "requires": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "@csstools/postcss-ic-unit": {
@@ -9487,17 +9321,6 @@
       "requires": {
         "@csstools/postcss-progressive-custom-properties": "^3.0.0",
         "postcss-value-parser": "^4.2.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "@csstools/postcss-is-pseudo-class": {
@@ -9527,35 +9350,35 @@
       }
     },
     "@csstools/postcss-logical-viewport-units": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.0.tgz",
-      "integrity": "sha512-KZIJXAvXqePyk2QHOYYy5YUVyjiqRTC5lgOjJJsjKIwNnGvOBqD4ypWUB94WlWO0yzNwIMs+JYnTP4jGEbKzhA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.1.tgz",
+      "integrity": "sha512-R5s19SscS7CHoxvdYNMu2Y3WDwG4JjdhsejqjunDB1GqfzhtHSvL7b5XxCkUWqm2KRl35hI6kJ4HEaCDd/3BXg==",
       "dev": true,
       "requires": {
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "@csstools/postcss-media-minmax": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.5.tgz",
-      "integrity": "sha512-gKwnAgX8wM3cNJ+nn2st8Cu25H/ZT43Z3CQE54rJPn4aD2gi4/ibXga+IZNwRUSGR7/zJtsoWrq9aHf4qXgYRg==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.6.tgz",
+      "integrity": "sha512-BmwKkqEzzQz6D+5ctoacsiGrq4kVgd1PMEPwkwdR0qFaL2C2nguGsWG87xEw+HIts/2yxhIPTm7Jp3DQq+wn3Q==",
       "dev": true,
       "requires": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/media-query-list-parser": "^2.1.2"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/media-query-list-parser": "^2.1.3"
       }
     },
     "@csstools/postcss-media-queries-aspect-ratio-number-values": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.0.tgz",
-      "integrity": "sha512-7gxwEFeKlzql44msYZp7hqxpyxRqE1rt/TcUnDgnqqeOZI5GVHUULIrrzVnMq0YiaQROw/ugy8hov4e8V46GHw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.1.tgz",
+      "integrity": "sha512-UvMYxXT3R011whbxzRwLx7d7eNGyVsnZo7waAmf10ZGnT34XidY+rsdFnk6OdFwuG6FYqw3/tptQEAZOmUgvLw==",
       "dev": true,
       "requires": {
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
-        "@csstools/media-query-list-parser": "^2.1.2"
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "@csstools/media-query-list-parser": "^2.1.3"
       }
     },
     "@csstools/postcss-nested-calc": {
@@ -9577,58 +9400,36 @@
       }
     },
     "@csstools/postcss-oklab-function": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.0.tgz",
-      "integrity": "sha512-SQgh//VauJwat3qEwOw6t+Y9l8/dKooDnY3tD/o6qpcSjOvGqSsPeY+0QWWeAXYTtaddXSz4YmPohRRTsNlZGg==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.1.tgz",
+      "integrity": "sha512-3TIz+dCPlQPzz4yAEYXchUpfuU2gRYK4u1J+1xatNX85Isg4V+IbLyppblWLV4Vb6npFF8qsHN17rNuxOIy/6w==",
       "dev": true,
       "requires": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "@csstools/postcss-progressive-custom-properties": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.3.0.tgz",
-      "integrity": "sha512-Zd8ojyMlsL919TBExQ1I0CTpBDdyCpH/yOdqatZpuC3sd22K4SwC7+Yez3Q/vmXMWSAl+shjNeFZ7JMyxMjK+Q==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
+      "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
       "dev": true,
       "requires": {
         "postcss-value-parser": "^4.2.0"
       }
     },
     "@csstools/postcss-relative-color-syntax": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.0.tgz",
-      "integrity": "sha512-2hz6pwJYgr/Uuj6657Ucphv8SIXLfH2IaBqg10g8+nrNrRYPA1Lfw9p4bDUhE+6M2cujhXy4Sx5NB77FcHUwuA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.1.tgz",
+      "integrity": "sha512-9B8br/7q0bjD1fV3yE22izjc7Oy5hDbDgwdFEz207cdJHYC9yQneJzP3H+/w3RgC7uyfEVhyyhkGRx5YAfJtmg==",
       "dev": true,
       "requires": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "@csstools/postcss-scope-pseudo-class": {
@@ -9641,14 +9442,14 @@
       }
     },
     "@csstools/postcss-stepped-value-functions": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.0.tgz",
-      "integrity": "sha512-1+itpigiUemtdG2+pU3a36aQdpoFZbiKNZz0iW/s9H2mq0wCfqeRbXQmEQEStaqejEvlX+hLhbvWhb0WEuMKHQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.1.tgz",
+      "integrity": "sha512-y1sykToXorFE+5cjtp//xAMWEAEple0kcZn2QhzEFIZDDNvGOCp5JvvmmPGsC3eDlj6yQp70l9uXZNLnimEYfA==",
       "dev": true,
       "requires": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "@csstools/postcss-text-decoration-shorthand": {
@@ -9662,14 +9463,14 @@
       }
     },
     "@csstools/postcss-trigonometric-functions": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.0.tgz",
-      "integrity": "sha512-w00RYRPzvaCbpflgeDGBacZ8dJQwMi5driR+6JasOHh85MiF1e+muYZdjFYi6VWOIzM5XaqxwNiQlgQwdQvxgA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.1.tgz",
+      "integrity": "sha512-hW+JPv0MPQfWC1KARgvJI6bisEUFAZWSvUNq/khGCupYV/h6Z9R2ZFz0Xc633LXBst0ezbXpy7NpnPurSx5Klw==",
       "dev": true,
       "requires": {
-        "@csstools/css-calc": "^1.1.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1"
+        "@csstools/css-calc": "^1.1.3",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
       }
     },
     "@csstools/postcss-unset-value": {
@@ -10073,9 +9874,9 @@
       }
     },
     "@trivago/prettier-plugin-sort-imports": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.1.1.tgz",
-      "integrity": "sha512-dQ2r2uzNr1x6pJsuh/8x0IRA3CBUB+pWEW3J/7N98axqt7SQSm+2fy0FLNXvXGg77xEDC7KHxJlHfLYyi7PDcw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.2.0.tgz",
+      "integrity": "sha512-YBepjbt+ZNBVmN3ev1amQH3lWCmHyt5qTbLCp/syXJRu/Kw2koXh44qayB1gMRxcL/gV8egmjN5xWSrYyfUtyw==",
       "dev": true,
       "requires": {
         "@babel/generator": "7.17.7",
@@ -10626,9 +10427,9 @@
       "requires": {}
     },
     "cssdb": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.6.0.tgz",
-      "integrity": "sha512-Nna7rph8V0jC6+JBY4Vk4ndErUmfJfV6NJCaZdurL0omggabiy+QB2HCQtu5c/ACLZ0I7REv7A4QyPIoYzZx0w==",
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.7.0.tgz",
+      "integrity": "sha512-1hN+I3r4VqSNQ+OmMXxYexnumbOONkSil0TWMebVXHtzYW4tRRPovUNHPHj2d4nrgOuYJ8Vs3XwvywsuwwXNNA==",
       "dev": true
     },
     "cssesc": {
@@ -11825,9 +11626,9 @@
       "dev": true
     },
     "postcss": {
-      "version": "8.4.26",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.26.tgz",
-      "integrity": "sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==",
+      "version": "8.4.27",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
+      "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
       "dev": true,
       "requires": {
         "nanoid": "^3.3.6",
@@ -11861,17 +11662,6 @@
       "requires": {
         "@csstools/postcss-progressive-custom-properties": "^3.0.0",
         "postcss-value-parser": "^4.2.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "postcss-color-hex-alpha": {
@@ -11905,14 +11695,14 @@
       }
     },
     "postcss-custom-properties": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.2.1.tgz",
-      "integrity": "sha512-Z8UmzwVkRh8aITyeZoZnT4McSSPmS2EFl+OyPspfvx7v+N36V2UseMAODp3oBriZvcf/tQpzag9165x/VcC3kg==",
+      "version": "13.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.0.tgz",
+      "integrity": "sha512-q4VgtIKSy5+KcUvQ0WxTjDy9DZjQ5VCXAZ9+tT9+aPMbA0z6s2t1nMw0QHszru1ib5ElkXl9JUpYYU37VVUs7g==",
       "dev": true,
       "requires": {
-        "@csstools/cascade-layer-name-parser": "^1.0.3",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/cascade-layer-name-parser": "^1.0.4",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "postcss-value-parser": "^4.2.0"
       }
     },
@@ -11952,17 +11742,6 @@
       "requires": {
         "@csstools/postcss-progressive-custom-properties": "^3.0.0",
         "postcss-value-parser": "^4.2.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "postcss-focus-visible": {
@@ -12014,26 +11793,15 @@
       "requires": {}
     },
     "postcss-lab-function": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.0.tgz",
-      "integrity": "sha512-bEKvKeoA0PPeqXdYfnIjU38NdkjrlqT4iENtIVMAcx9YAJz+9OrUvE2IRRK2jMZPcBM5RhyHj5zJqpzvR7KGtw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-6.0.1.tgz",
+      "integrity": "sha512-/Xl6JitDh7jWkcOLxrHcAlEaqkxyaG3g4iDMy5RyhNaiQPJ9Egf2+Mxp1W2qnH5jB2bj59f3RbdKmC6qx1IcXA==",
       "dev": true,
       "requires": {
         "@csstools/css-color-parser": "^1.2.2",
-        "@csstools/css-parser-algorithms": "^2.3.0",
-        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "postcss-logical": {
@@ -12088,47 +11856,48 @@
       }
     },
     "postcss-preset-env": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.0.0.tgz",
-      "integrity": "sha512-L0x/Nluq+/FkidIYjU7JtkmRL2/QmXuYkxuM3C5y9VG3iGLljF9PuBHQ7kzKRoVfwnca0VNN0Zb3a/bxVJ12vA==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-9.1.0.tgz",
+      "integrity": "sha512-G+x9BD7jb9uHBB7o720emXV00CP+VdWeirJsHC5ERSpbTd2e6Xg7vHzT+a6UkxFyddALuV+Q8wJMgeTKaau+Pg==",
       "dev": true,
       "requires": {
         "@csstools/postcss-cascade-layers": "^4.0.0",
-        "@csstools/postcss-color-function": "^2.2.3",
-        "@csstools/postcss-color-mix-function": "^1.0.3",
+        "@csstools/postcss-color-function": "^3.0.1",
+        "@csstools/postcss-color-mix-function": "^2.0.1",
+        "@csstools/postcss-exponential-functions": "^1.0.0",
         "@csstools/postcss-font-format-keywords": "^3.0.0",
-        "@csstools/postcss-gradients-interpolation-method": "^4.0.0",
-        "@csstools/postcss-hwb-function": "^3.0.0",
+        "@csstools/postcss-gradients-interpolation-method": "^4.0.1",
+        "@csstools/postcss-hwb-function": "^3.0.1",
         "@csstools/postcss-ic-unit": "^3.0.0",
         "@csstools/postcss-is-pseudo-class": "^4.0.0",
         "@csstools/postcss-logical-float-and-clear": "^2.0.0",
         "@csstools/postcss-logical-resize": "^2.0.0",
-        "@csstools/postcss-logical-viewport-units": "^2.0.0",
-        "@csstools/postcss-media-minmax": "^1.0.5",
-        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.0",
+        "@csstools/postcss-logical-viewport-units": "^2.0.1",
+        "@csstools/postcss-media-minmax": "^1.0.6",
+        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^2.0.1",
         "@csstools/postcss-nested-calc": "^3.0.0",
         "@csstools/postcss-normalize-display-values": "^3.0.0",
-        "@csstools/postcss-oklab-function": "^3.0.0",
+        "@csstools/postcss-oklab-function": "^3.0.1",
         "@csstools/postcss-progressive-custom-properties": "^3.0.0",
-        "@csstools/postcss-relative-color-syntax": "^2.0.0",
+        "@csstools/postcss-relative-color-syntax": "^2.0.1",
         "@csstools/postcss-scope-pseudo-class": "^3.0.0",
-        "@csstools/postcss-stepped-value-functions": "^3.0.0",
+        "@csstools/postcss-stepped-value-functions": "^3.0.1",
         "@csstools/postcss-text-decoration-shorthand": "^3.0.0",
-        "@csstools/postcss-trigonometric-functions": "^3.0.0",
+        "@csstools/postcss-trigonometric-functions": "^3.0.1",
         "@csstools/postcss-unset-value": "^3.0.0",
         "autoprefixer": "^10.4.14",
         "browserslist": "^4.21.9",
         "css-blank-pseudo": "^6.0.0",
         "css-has-pseudo": "^6.0.0",
         "css-prefers-color-scheme": "^9.0.0",
-        "cssdb": "^7.6.0",
+        "cssdb": "^7.7.0",
         "postcss-attribute-case-insensitive": "^6.0.2",
         "postcss-clamp": "^4.1.0",
         "postcss-color-functional-notation": "^6.0.0",
         "postcss-color-hex-alpha": "^9.0.2",
         "postcss-color-rebeccapurple": "^9.0.0",
         "postcss-custom-media": "^10.0.0",
-        "postcss-custom-properties": "^13.2.1",
+        "postcss-custom-properties": "^13.3.0",
         "postcss-custom-selectors": "^7.1.4",
         "postcss-dir-pseudo-class": "^8.0.0",
         "postcss-double-position-gradients": "^5.0.0",
@@ -12138,7 +11907,7 @@
         "postcss-gap-properties": "^5.0.0",
         "postcss-image-set-function": "^6.0.0",
         "postcss-initial": "^4.0.1",
-        "postcss-lab-function": "^6.0.0",
+        "postcss-lab-function": "^6.0.1",
         "postcss-logical": "^7.0.0",
         "postcss-nesting": "^12.0.0",
         "postcss-opacity-percentage": "^2.0.0",
@@ -12149,17 +11918,6 @@
         "postcss-replace-overflow-wrap": "^4.0.0",
         "postcss-selector-not": "^7.0.1",
         "postcss-value-parser": "^4.2.0"
-      },
-      "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz",
-          "integrity": "sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==",
-          "dev": true,
-          "requires": {
-            "postcss-value-parser": "^4.2.0"
-          }
-        }
       }
     },
     "postcss-pseudo-class-any-link": {
@@ -12904,14 +12662,14 @@
       }
     },
     "vite": {
-      "version": "4.4.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.4.tgz",
-      "integrity": "sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==",
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz",
+      "integrity": "sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==",
       "dev": true,
       "requires": {
         "esbuild": "^0.18.10",
         "fsevents": "~2.3.2",
-        "postcss": "^8.4.25",
+        "postcss": "^8.4.26",
         "rollup": "^3.25.2"
       }
     },
diff --git a/package.json b/package.json
index dab2a639..0f08ee32 100644
--- a/package.json
+++ b/package.json
@@ -42,12 +42,12 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "~2.5.0",
-    "@trivago/prettier-plugin-sort-imports": "~4.1.1",
-    "postcss": "~8.4.26",
+    "@trivago/prettier-plugin-sort-imports": "~4.2.0",
+    "postcss": "~8.4.27",
     "postcss-dark-theme-class": "~0.7.3",
-    "postcss-preset-env": "~9.0.0",
+    "postcss-preset-env": "~9.1.0",
     "twitter-text": "~3.1.0",
-    "vite": "~4.4.4",
+    "vite": "~4.4.7",
     "vite-plugin-generate-file": "~0.0.4",
     "vite-plugin-html-config": "~1.0.11",
     "vite-plugin-pwa": "~0.16.4",
diff --git a/src/app.css b/src/app.css
index 1e744d15..6854a53c 100644
--- a/src/app.css
+++ b/src/app.css
@@ -264,7 +264,9 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 .timeline.contextual > li.descendant {
   padding-bottom: 1em;
 }
-.timeline.contextual > li.descendant:not(.thread) > .status-link {
+.timeline.contextual
+  > li.descendant:not(.thread)
+  > :is(.status-link, .status-focus) {
   padding-left: 40px;
 }
 .timeline.contextual .replies[data-scroll-left]:not([data-scroll-left='0']) {
@@ -292,7 +294,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 }
 .timeline.contextual
   > li.descendant.thread
-  > .status-link
+  > :is(.status-link, .status-focus)
   + .replies
   .replies-summary {
   margin-left: calc(
@@ -325,9 +327,9 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 } */
 .timeline.contextual
   > li.descendant.thread
-  > .status-link
+  > :is(.status-link, .status-focus)
   + .replies
-  .status-link {
+  :is(.status-link, .status-focus) {
   padding-left: calc(
     var(--avatar-size) + var(--avatar-margin-start) + var(--avatar-margin-end) +
       (var(--line-margin-end) * (var(--comments-level) - 1))
@@ -358,7 +360,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 } */
 .timeline.contextual
   > li.descendant:not(.thread)
-  > .status-link
+  > :is(.status-link, .status-focus)
   + .replies
   .replies-summary {
   margin-left: calc(
@@ -388,9 +390,9 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 } */
 .timeline.contextual
   > li.descendant:not(.thread)
-  > .status-link
+  > :is(.status-link, .status-focus)
   + .replies
-  .status-link {
+  :is(.status-link, .status-focus) {
   padding-left: calc(
     var(--thread-start) + var(--line-margin-end) * var(--comments-level)
   );
@@ -437,7 +439,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
     var(--avatar-size) + var(--avatar-margin-start) + var(--avatar-margin-end)
   );
 }
-.timeline.contextual > li.thread > .status-link .replies-link {
+.timeline.contextual
+  > li.thread
+  > :is(.status-link, .status-focus)
+  .replies-link {
   margin-left: calc(
     var(--avatar-size) + var(--avatar-margin-start) + var(--avatar-margin-end)
   );
@@ -654,7 +659,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
 }
 .timeline:not(.flat)
   > li.timeline-item-diff-author
-  > .status-link
+  > :is(.status-link, .status-focus)
   > .status
   > a
   > .avatar {
@@ -712,6 +717,14 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   animation: appear 0.2s ease-out;
   -webkit-touch-callout: none;
 }
+@media (pointer: coarse) {
+  .status-focus:not(.hero .status-focus) {
+    /* Only the hero doesn't have context menu */
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+  }
+}
 :is(.status-link, .status-focus):is(:focus, .is-active) {
   background-color: var(--link-bg-hover-color);
   outline-offset: -2px;
@@ -2000,7 +2013,7 @@ ul.link-list li a .icon {
     transform: none;
     pointer-events: auto;
   }
-  #columns li:has(.status-carousel) {
+  #columns li.timeline-item-carousel {
     width: auto;
     transform: none;
   }
@@ -2066,6 +2079,12 @@ ul.link-list li a .icon {
   border-radius: 999px;
 }
 
+/* NOTIFICATION PEEK */
+
+.notification-peek .notification {
+  padding-inline: 0 !important;
+}
+
 /* OTHERS */
 
 @media (min-width: 40em) {
@@ -2159,7 +2178,7 @@ ul.link-list li a .icon {
   /* :is(.carousel-top-controls, .carousel-controls) {
     padding: 32px;
   } */
-  li:has(.status-carousel) {
+  li.timeline-item-carousel {
     width: 95vw;
     max-width: calc(320px * 3.3);
     transform: translateX(calc(-50% + 20em));
diff --git a/src/components/media.jsx b/src/components/media.jsx
index 3462ecfe..9c688572 100644
--- a/src/components/media.jsx
+++ b/src/components/media.jsx
@@ -116,6 +116,13 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
     if (smaller) setImageSmallerThanParent(smaller);
   }, [width, height]);
 
+  const mediaStyles = {
+    '--width': `${width}px`,
+    '--height': `${height}px`,
+    aspectRatio: `${width} / ${height}`,
+  };
+  const fixedWidth = width > height * 2;
+
   if (isImage) {
     // Note: type: unknown might not have width/height
     quickPinchZoomProps.containerProps.style.display = 'inherit';
@@ -136,15 +143,18 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
     return (
       <Parent
         ref={parentRef}
-        class={`media media-image`}
+        class={`media media-image ${fixedWidth ? 'media-fixed-width' : ''}`}
         onClick={onClick}
+        data-orientation={orientation}
         style={
-          showOriginal && {
-            backgroundImage: `url(${previewUrl})`,
-            backgroundSize: imageSmallerThanParent
-              ? `${width}px ${height}px`
-              : undefined,
-          }
+          showOriginal
+            ? {
+                backgroundImage: `url(${previewUrl})`,
+                backgroundSize: imageSmallerThanParent
+                  ? `${width}px ${height}px`
+                  : undefined,
+              }
+            : mediaStyles
         }
       >
         {showOriginal ? (
@@ -183,6 +193,13 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
               backgroundColor:
                 rgbAverageColor && `rgb(${rgbAverageColor.join(',')})`,
               backgroundPosition: focalBackgroundPosition || 'center',
+              // Duration based on width or height in pixels
+              // 100px per second (rough estimate)
+              // Clamp between 5s and 120s
+              '--anim-duration': `${Math.min(
+                Math.max(Math.max(width, height) / 100, 5),
+                120,
+              )}s`,
             }}
             onLoad={(e) => {
               e.target.closest('.media-image').style.backgroundImage = '';
@@ -228,13 +245,15 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
       <Parent
         class={`media media-${isGIF ? 'gif' : 'video'} ${
           autoGIFAnimate ? 'media-contain' : ''
-        }`}
+        } ${fixedWidth ? 'media-fixed-width' : ''}`}
+        data-orientation={orientation}
         data-formatted-duration={formattedDuration}
         data-label={isGIF && !showOriginal && !autoGIFAnimate ? 'GIF' : ''}
         // style={{
         //   backgroundColor:
         //     rgbAverageColor && `rgb(${rgbAverageColor.join(',')})`,
         // }}
+        style={!showOriginal && mediaStyles}
         onClick={(e) => {
           if (hoverAnimate) {
             try {
@@ -314,6 +333,7 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
         class="media media-audio"
         data-formatted-duration={formattedDuration}
         onClick={onClick}
+        style={!showOriginal && mediaStyles}
       >
         {showOriginal ? (
           <audio src={remoteUrl || url} preload="none" controls autoplay />
diff --git a/src/components/poll.jsx b/src/components/poll.jsx
index ad1ba118..27090c3b 100644
--- a/src/components/poll.jsx
+++ b/src/components/poll.jsx
@@ -196,44 +196,43 @@ export default function Poll({
           )}
         </form>
       )}
-      {!readOnly && (
-        <p class="poll-meta">
-          {!expired && (
-            <>
-              <button
-                type="button"
-                class="textual"
-                disabled={uiState === 'loading'}
-                onClick={(e) => {
-                  e.preventDefault();
-                  setUIState('loading');
+      <p class="poll-meta">
+        {!expired && !readOnly && (
+          <>
+            <button
+              type="button"
+              class="textual"
+              disabled={uiState === 'loading'}
+              onClick={(e) => {
+                e.preventDefault();
+                setUIState('loading');
 
-                  (async () => {
-                    await refresh();
-                    setUIState('default');
-                  })();
-                }}
-              >
-                Refresh
-              </button>{' '}
-              &bull;{' '}
-            </>
-          )}
-          <span title={votesCount}>{shortenNumber(votesCount)}</span> vote
-          {votesCount === 1 ? '' : 's'}
-          {!!votersCount && votersCount !== votesCount && (
-            <>
-              {' '}
-              &bull;{' '}
-              <span title={votersCount}>{shortenNumber(votersCount)}</span>{' '}
-              voter
-              {votersCount === 1 ? '' : 's'}
-            </>
-          )}{' '}
-          &bull; {expired ? 'Ended' : 'Ending'}{' '}
-          {!!expiresAtDate && <RelativeTime datetime={expiresAtDate} />}
-        </p>
-      )}
+                (async () => {
+                  await refresh();
+                  setUIState('default');
+                })();
+              }}
+            >
+              Refresh
+            </button>{' '}
+            &bull;{' '}
+          </>
+        )}
+        <span title={votesCount}>{shortenNumber(votesCount)}</span> vote
+        {votesCount === 1 ? '' : 's'}
+        {!!votersCount && votersCount !== votesCount && (
+          <>
+            {' '}
+            &bull; <span title={votersCount}>
+              {shortenNumber(votersCount)}
+            </span>{' '}
+            voter
+            {votersCount === 1 ? '' : 's'}
+          </>
+        )}{' '}
+        &bull; {expired ? 'Ended' : 'Ending'}{' '}
+        {!!expiresAtDate && <RelativeTime datetime={expiresAtDate} />}
+      </p>{' '}
     </div>
   );
 }
diff --git a/src/components/status.css b/src/components/status.css
index 03c2ac16..1bbc8875 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -87,6 +87,7 @@
 }
 .status-card-link:is(:hover, :focus) .status-card img {
   animation: position-object 5s ease-in-out 1s 5;
+  animation-duration: var(--anim-duration, 5s);
 }
 .status-card-link:is(:active) .status-card {
   background-color: var(--bg-faded-color);
@@ -520,6 +521,10 @@
   margin-inline: 0;
   padding-inline-start: 1.5em;
 }
+.status .content > :is(ul, ol) li > :is(ul, ol),
+.status .content > div > :is(ul, ol) li > :is(ul, ol) {
+  padding-inline-start: 1.5em;
+}
 .status .content ul {
   list-style-type: disc;
 }
@@ -552,11 +557,11 @@
   height: auto;
   max-height: max(160px, 33vh);
 }
-/* .status .media-container.media-eq1 {
-  min-height: 44px;
-  height: auto;
-  max-height: 160px;
-} */
+.status .media-container.media-eq1 {
+  display: flex;
+  /* min-height: 0 !important; */
+  max-height: none !important;
+}
 .status:not(.large):not(.status-carousel .status)
   .media-container.media-eq1:has([data-orientation='portrait']) {
   width: 85%;
@@ -569,43 +574,92 @@
 }
 .status.large :is(.media-container, .media-container.media-gt2) {
   height: auto;
-  min-height: 160px;
+  /* min-height: 160px; */
   max-height: 60vh;
 }
 .status .media-container .media {
   --media-radius: 16px;
+  --media-radius-inner: 4px;
   border-radius: var(--media-radius);
   overflow: hidden;
   min-height: 80px;
   border: 1px solid var(--outline-color);
 }
+.status .media-container:not(.media-eq1) .media {
+  aspect-ratio: auto !important;
+}
+.status .media-container.media-eq1 {
+  width: auto !important;
+  max-width: 100%;
+  display: block;
+}
+.status .media-container.media-eq1 .media {
+  display: inline-block;
+  max-width: 100% !important;
+  min-width: 44px;
+  width: auto;
+  min-height: 44px;
+  /* width: min(var(--width), 100%); */
+  /* max-height: min(var(--height), 33vh); */
+  height: min(160px, var(--height), 33vh);
+}
+.status .media-container.media-eq1 .media.media-fixed-width {
+  width: min(var(--width), 100%);
+  height: auto;
+  max-height: min(var(--height), 33vh);
+}
+.status .media-container.media-eq1 .media[data-orientation='portrait'] {
+  width: auto;
+  height: min(var(--height), 45vh);
+  max-height: none;
+}
+.status.large .media-container.media-eq1 {
+  max-height: min(var(--height), 60vh);
+}
+.status.large .media-container.media-eq1 .media[data-orientation='portrait'] {
+  height: min(var(--height), 60vh);
+}
+.status-carousel .status .media-container.media-eq1 .media {
+  width: min(var(--width), 100%);
+  height: auto;
+  max-height: 60vh;
+}
 /* Special media borders */
 .status .media-container.media-eq2 .media:first-of-type {
-  border-radius: var(--media-radius) 0 0 var(--media-radius);
+  border-radius: var(--media-radius) var(--media-radius-inner)
+    var(--media-radius-inner) var(--media-radius);
 }
 .status .media-container.media-eq2 .media:last-of-type {
-  border-radius: 0 var(--media-radius) var(--media-radius) 0;
+  border-radius: var(--media-radius-inner) var(--media-radius)
+    var(--media-radius) var(--media-radius-inner);
 }
 .status .media-container.media-eq3 .media:first-of-type {
-  border-radius: var(--media-radius) 0 0 var(--media-radius);
+  border-radius: var(--media-radius) var(--media-radius-inner)
+    var(--media-radius-inner) var(--media-radius);
 }
 .status .media-container.media-eq3 .media:nth-of-type(2) {
-  border-radius: 0 var(--media-radius) 0 0;
+  border-radius: var(--media-radius-inner) var(--media-radius)
+    var(--media-radius-inner) var(--media-radius-inner);
 }
 .status .media-container.media-eq3 .media:last-of-type {
-  border-radius: 0 0 var(--media-radius) 0;
+  border-radius: var(--media-radius-inner) var(--media-radius-inner)
+    var(--media-radius) var(--media-radius-inner);
 }
 .status .media-container.media-eq4 .media:first-of-type {
-  border-radius: var(--media-radius) 0 0 0;
+  border-radius: var(--media-radius) var(--media-radius-inner)
+    var(--media-radius-inner) var(--media-radius-inner);
 }
 .status .media-container.media-eq4 .media:nth-of-type(2) {
-  border-radius: 0 var(--media-radius) 0 0;
+  border-radius: var(--media-radius-inner) var(--media-radius)
+    var(--media-radius-inner) var(--media-radius-inner);
 }
 .status .media-container.media-eq4 .media:nth-of-type(3) {
-  border-radius: 0 0 0 var(--media-radius);
+  border-radius: var(--media-radius-inner) var(--media-radius-inner)
+    var(--media-radius-inner) var(--media-radius);
 }
 .status .media-container.media-eq4 .media:last-of-type {
-  border-radius: 0 0 var(--media-radius) 0;
+  border-radius: var(--media-radius-inner) var(--media-radius-inner)
+    var(--media-radius) var(--media-radius-inner);
 }
 .status .media:only-child {
   grid-area: span 2 / span 2;
@@ -613,7 +667,7 @@
 .status:not(.large) .media:only-child {
   max-width: 480px;
 }
-.status.large .media:only-child {
+.status.large .media-container:not(.media-eq1) .media:only-child {
   display: inline-block;
   min-width: 160px;
   min-height: 160px;
@@ -646,6 +700,7 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
+  vertical-align: middle;
 }
 .status .media {
   cursor: pointer;
@@ -653,6 +708,7 @@
 .status .media img:is(:hover, :focus),
 a:focus-visible .status .media img {
   animation: position-object 5s ease-in-out 1s 5;
+  animation-duration: var(--anim-duration, 5s);
 }
 body:has(#modal-container .carousel) .status .media img:hover {
   animation: none;
@@ -887,6 +943,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
 .card:is(:hover, :focus) img,
 a:focus-visible .card img {
   animation: position-object 5s ease-in-out 1s 5;
+  animation-duration: var(--anim-duration, 5s);
 }
 .card p {
   margin: 0;
@@ -975,6 +1032,7 @@ a.card:is(:hover, :focus) {
   );
   overflow: hidden;
   box-shadow: inset 0 0 0 1px var(--bg-color);
+  min-width: 50%;
 }
 .poll.loading {
   opacity: 0.5;
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 8c57414c..d57050f2 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -94,6 +94,7 @@ function Status({
   allowFilters,
   onMediaClick,
   quoted,
+  onStatusLinkClick = () => {},
 }) {
   if (skeleton) {
     return (
@@ -172,7 +173,9 @@ function Status({
 
   const debugHover = (e) => {
     if (e.shiftKey) {
-      console.log(status);
+      console.log({
+        ...status,
+      });
     }
   };
 
@@ -524,7 +527,10 @@ function Status({
             <br />
             {createdDateText}
           </MenuHeader>
-          <MenuLink to={instance ? `/${instance}/s/${id}` : `/s/${id}`}>
+          <MenuLink
+            to={instance ? `/${instance}/s/${id}` : `/s/${id}`}
+            onClick={onStatusLinkClick}
+          >
             <Icon icon="arrow-right" />
             <span>View post by @{username || acct}</span>
           </MenuLink>
@@ -942,6 +948,7 @@ function Status({
                     onClick={(e) => {
                       e.preventDefault();
                       e.stopPropagation();
+                      onStatusLinkClick?.();
                     }}
                     class={`time ${open ? 'is-open' : ''}`}
                   >
@@ -1127,7 +1134,9 @@ function Status({
               }}
             />
           )}
-          {(((enableTranslate || inlineTranslate) && !!content.trim() && differentLanguage) ||
+          {(((enableTranslate || inlineTranslate) &&
+            !!content.trim() &&
+            differentLanguage) ||
             forceTranslate) && (
             <TranslationBlock
               forceTranslate={forceTranslate || inlineTranslate}
diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index d5ad0bd4..ff05a770 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -365,7 +365,10 @@ function Timeline({
                       return 0;
                     });
                     return (
-                      <li key={`timeline-${statusID}`}>
+                      <li
+                        key={`timeline-${statusID}`}
+                        class="timeline-item-carousel"
+                      >
                         <StatusCarousel
                           title={title}
                           class={`${type}-carousel`}
diff --git a/src/components/translation-block.jsx b/src/components/translation-block.jsx
index cd68f9cb..ac1280c7 100644
--- a/src/components/translation-block.jsx
+++ b/src/components/translation-block.jsx
@@ -111,18 +111,22 @@ function TranslationBlock({
       detectedLang !== targetLangText
     ) {
       return (
-        <div class="status-translation-block-mini">
-          <Icon
-            icon="translate"
-            alt={`Auto-translated from ${sourceLangText}`}
-          />
-          <output
-            lang={targetLang}
-            dir="auto"
-            title={pronunciationContent || ''}
-          >
-            {translatedContent}
-          </output>
+        <div class="shazam-container">
+          <div class="shazam-container-inner">
+            <div class="status-translation-block-mini">
+              <Icon
+                icon="translate"
+                alt={`Auto-translated from ${sourceLangText}`}
+              />
+              <output
+                lang={targetLang}
+                dir="auto"
+                title={pronunciationContent || ''}
+              >
+                {translatedContent}
+              </output>
+            </div>
+          </div>
         </div>
       );
     }
diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 0ceaf363..09f298ce 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -843,6 +843,24 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
               weight,
             } = status;
             const isHero = statusID === id;
+            const StatusParent = useCallback(
+              (props) =>
+                isThread || thread ? (
+                  <Link
+                    class="status-link"
+                    to={
+                      instance ? `/${instance}/s/${statusID}` : `/s/${statusID}`
+                    }
+                    onClick={() => {
+                      resetScrollPosition(statusID);
+                    }}
+                    {...props}
+                  />
+                ) : (
+                  <div class="status-focus" tabIndex={0} {...props} />
+                ),
+              [isThread, thread],
+            );
             return (
               <li
                 key={statusID}
@@ -923,15 +941,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
                     )}
                   </>
                 ) : (
-                  <Link
-                    class="status-link"
-                    to={
-                      instance ? `/${instance}/s/${statusID}` : `/s/${statusID}`
-                    }
-                    onClick={() => {
-                      resetScrollPosition(statusID);
-                    }}
-                  >
+                  <StatusParent>
                     <Status
                       statusID={statusID}
                       instance={instance}
@@ -939,6 +949,9 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
                       size={thread || ancestor ? 'm' : 's'}
                       enableTranslate
                       onMediaClick={handleMediaClick}
+                      onStatusLinkClick={() => {
+                        resetScrollPosition(statusID);
+                      }}
                     />
                     {ancestor && isThread && repliesCount > 1 && (
                       <div class="replies-link">
@@ -956,7 +969,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
                           </span>
                         </div>
                       )} */}
-                  </Link>
+                  </StatusParent>
                 )}
                 {descendant && replies?.length > 0 && (
                   <SubComments
@@ -1171,13 +1184,14 @@ function SubComments({
       <ul>
         {replies.map((r) => (
           <li key={r.id}>
-            <Link
+            {/* <Link
               class="status-link"
               to={instance ? `/${instance}/s/${r.id}` : `/s/${r.id}`}
               onClick={() => {
                 resetScrollPosition(r.id);
               }}
-            >
+            > */}
+            <div class="status-focus" tabIndex={0}>
               <Status
                 statusID={r.id}
                 instance={instance}
@@ -1194,7 +1208,8 @@ function SubComments({
                   </span>
                 </div>
               )}
-            </Link>
+            </div>
+            {/* </Link> */}
             {r.replies?.length && (
               <SubComments
                 instance={instance}
diff --git a/src/utils/shorten-number.jsx b/src/utils/shorten-number.jsx
index e165b716..0960ec05 100644
--- a/src/utils/shorten-number.jsx
+++ b/src/utils/shorten-number.jsx
@@ -1,7 +1,5 @@
 const { locale } = Intl.NumberFormat().resolvedOptions();
-
-export default function shortenNumber(num) {
-  return Intl.NumberFormat(locale, {
-    notation: 'compact',
-  }).format(num);
-}
+const shortenNumber = Intl.NumberFormat(locale, {
+  notation: 'compact',
+}).format;
+export default shortenNumber;