diff --git a/package-lock.json b/package-lock.json
index 73f7f4d..2bdcbd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,9 @@
         "maplibre-gl": "^3.2.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-map-gl": "^7.1.3"
+        "react-map-gl": "^7.1.3",
+        "react-markdown": "^9.0.0",
+        "react-router-dom": "^6.16.0"
       },
       "devDependencies": {
         "@types/react": "^18.2.15",
@@ -1345,6 +1347,14 @@
         "react": "^16.8 || ^17.0 || ^18.0"
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.9.0.tgz",
+      "integrity": "sha512-bV63itrKBC0zdT27qYm6SDZHlkXwFL1xMBuhkn+X7l0+IIhNaH5wuuvZKp6eKhCD4KFhujhfhCT1YxXW6esUIA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@tabler/icons": {
       "version": "2.28.0",
       "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.28.0.tgz",
@@ -1370,11 +1380,27 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.9.tgz",
+      "integrity": "sha512-8Hz50m2eoS56ldRlepxSBa6PWEVCtzUo/92HgLc2qTMnotJNIm7xP+UZhyWoYsyOdd5dxZ+NZLb24rsKyFs2ow==",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/geojson": {
       "version": "7946.0.10",
       "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.10.tgz",
       "integrity": "sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA=="
     },
+    "node_modules/@types/hast": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.1.tgz",
+      "integrity": "sha512-hs/iBJx2aydugBQx5ETV3ZgeSS0oIreQrFJ4bjBl0XvM4wAmDjFEALY7p0rTSLt2eL+ibjRAAs9dTPiCLtmbqQ==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
@@ -1404,6 +1430,19 @@
         "@types/geojson": "*"
       }
     },
+    "node_modules/@types/mdast": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.1.tgz",
+      "integrity": "sha512-IlKct1rUTJ1T81d8OHzyop15kGv9A/ff7Gz7IJgrk6jDb4Udw77pCJ+vq8oxZf4Ghpm+616+i1s/LNg/Vh7d+g==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "0.7.32",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.32.tgz",
+      "integrity": "sha512-xPSg0jm4mqgEkNhowKgZFBNtwoEwF6gJ4Dhww+GFpm3IgtNseHQZ5IqdNwnquZEoANxyDAKDRAdVo4Z72VvD/g=="
+    },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
@@ -1417,14 +1456,12 @@
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
-      "devOptional": true
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "node_modules/@types/react": {
       "version": "18.2.15",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.15.tgz",
       "integrity": "sha512-oEjE7TQt1fFTFSbf8kkNuc798ahTUzn3Le67/PWjE8MAfYAD/qB7O8hSTcromLFqHCt9bcdOg5GXMokzTjJ5SA==",
-      "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -1443,8 +1480,7 @@
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
-      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
-      "devOptional": true
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
     },
     "node_modules/@types/semver": {
       "version": "7.5.0",
@@ -1452,6 +1488,11 @@
       "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
       "dev": true
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.0.tgz",
+      "integrity": "sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w=="
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
@@ -1642,6 +1683,11 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.0.3.tgz",
@@ -1773,6 +1819,15 @@
         "npm": ">=6"
       }
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1899,6 +1954,15 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
@@ -1920,6 +1984,15 @@
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1969,7 +2042,6 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -1982,17 +2054,49 @@
         }
       }
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
+      "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
       "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -2340,6 +2444,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "node_modules/extend-shallow": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@@ -2659,6 +2768,38 @@
         "node": ">=4"
       }
     },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.2.0.tgz",
+      "integrity": "sha512-wSlp23N45CMjDg/BPW8zvhEi3R+8eRE1qFbjEyAUzMCzu2l1Wzwakq+Tlia9nkCtEl5mDxa7nKHsvYJ6Gfn21A==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.4.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -2667,6 +2808,15 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.0.tgz",
+      "integrity": "sha512-/sXbVCWayk6GDVg3ctOX6nxaVj7So40FcFAnWlWGNAB1LpYKcV5Cd10APjPjW80O7zYW2MsjBV4zZ7IZO5fVow==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -2740,6 +2890,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
+    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -2811,6 +2966,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-plain-object": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
@@ -3008,6 +3174,60 @@
         "url": "https://github.com/maplibre/maplibre-gl-js?sponsor=1"
       }
     },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.0.tgz",
+      "integrity": "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.0.2.tgz",
+      "integrity": "sha512-U5I+500EOOw9e3ZrclN3Is3fRpw8c19SMyNZlZ2IS+7vLsNzb2Om11VpIVOR+/0137GhZsFEF6YiKD5+0Hr2Og==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -3017,6 +3237,427 @@
         "node": ">= 8"
       }
     },
+    "node_modules/micromark": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.0.tgz",
+      "integrity": "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.0.tgz",
+      "integrity": "sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz",
+      "integrity": "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.0.tgz",
+      "integrity": "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz",
+      "integrity": "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.0.tgz",
+      "integrity": "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.0.tgz",
+      "integrity": "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.0.1.tgz",
+      "integrity": "sha512-3wgnrmEAJ4T+mGXAUfMvMAbxU9RDG43XmGce4j6CwPtVxB3vfwXSZ6KhFwDzZ3mZHhmPimMAXg71veiBGzeAZw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.0.tgz",
+      "integrity": "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.0.tgz",
+      "integrity": "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.0.tgz",
+      "integrity": "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.0.tgz",
+      "integrity": "sha512-pIgcsGxpHEtTG/rPJRz/HOLSqp5VTuIIjXlPI+6JSDlK2oljApusG6KzpS8AF0ENUMCHlC/IBb5B9xdFiVlm5Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.0.tgz",
+      "integrity": "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz",
+      "integrity": "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.0.tgz",
+      "integrity": "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.0.tgz",
+      "integrity": "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.0.tgz",
+      "integrity": "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz",
+      "integrity": "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.0.tgz",
+      "integrity": "sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz",
+      "integrity": "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.0.tgz",
+      "integrity": "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
     "node_modules/micromatch": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -3053,8 +3694,7 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/murmurhash-js": {
       "version": "1.0.0",
@@ -3311,6 +3951,15 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/property-information": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.3.0.tgz",
+      "integrity": "sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/protocol-buffers-schema": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
@@ -3401,6 +4050,32 @@
         }
       }
     },
+    "node_modules/react-markdown": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-9.0.0.tgz",
+      "integrity": "sha512-v6yNf3AB8GfJ8lCpUvzxAXKxgsHpdmWPlcVRQ6Nocsezp255E/IDrF31kLQsPJeB/cKto/geUwjU36wH784FCA==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
@@ -3455,6 +4130,36 @@
         }
       }
     },
+    "node_modules/react-router": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.16.0.tgz",
+      "integrity": "sha512-VT4Mmc4jj5YyjpOi5jOf0I+TYzGpvzERy4ckNSvSh2RArv8LLoCxlsZ2D+tc7zgjxcY34oTz2hZaeX5RVprKqA==",
+      "dependencies": {
+        "@remix-run/router": "1.9.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.16.0.tgz",
+      "integrity": "sha512-aTfBLv3mk/gaKLxgRDUPbPw+s4Y/O+ma3rEN1u8EgEpLpPe6gNjIsWt9rxushMHHMb7mSwxRGdGlGdvmFsyPIg==",
+      "dependencies": {
+        "@remix-run/router": "1.9.0",
+        "react-router": "6.16.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/react-style-singleton": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
@@ -3498,6 +4203,37 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
       "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
     },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.0.0.tgz",
+      "integrity": "sha512-vx8x2MDMcxuE4lBmQ46zYUDfcFMmvg80WYX+UNLeG6ixjdCCLcw1lrgAukwBTuOFsS78eoAedHGn9sNM0w7TPw==",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
@@ -3733,6 +4469,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/split-string": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
@@ -3791,6 +4536,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-to-object": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.2.tgz",
+      "integrity": "sha512-1JGpfPB3lo42ZX8cuPrheZbfQ6kqPPnPHlKMyeRYtfKD+0jG+QsXgXN57O/dvJlzlB2elI6dGmrPnl5VPQFPaA==",
+      "dependencies": {
+        "inline-style-parser": "0.1.1"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
@@ -3862,6 +4615,24 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
+      "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
@@ -3929,6 +4700,24 @@
       "resolved": "https://registry.npmjs.org/typewise-core/-/typewise-core-1.2.0.tgz",
       "integrity": "sha512-2SCC/WLzj2SbUwzFOzqMCkz5amXLlxtJqDKTICqg30x+2DZxcfZN2MvQZmGfXWKNWaKK9pBPsvkcwv8bF/gxKg=="
     },
+    "node_modules/unified": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.3.tgz",
+      "integrity": "sha512-jlCV402P+YDcFcB2VcN/n8JasOddqIiaxv118wNBoZXEhOn+lYG7BR4Bfg2BwxvlK58dwbuH2w7GX2esAjL6Mg==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/union-value": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
@@ -3943,6 +4732,69 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/unist-util-is": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+      "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+      "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
@@ -4060,6 +4912,33 @@
         }
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
+      "integrity": "sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
+      "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vite": {
       "version": "4.4.6",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.6.tgz",
diff --git a/package.json b/package.json
index eb97283..a3f6e13 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,9 @@
     "maplibre-gl": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-map-gl": "^7.1.3"
+    "react-map-gl": "^7.1.3",
+    "react-markdown": "^9.0.0",
+    "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
diff --git a/src/App.tsx b/src/App.tsx
index 20cfb8f..6202686 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,10 @@
 import { Box } from '@mantine/core';
+import {
+  createBrowserRouter,
+  RouterProvider,
+  useLoaderData,
+} from 'react-router-dom';
+
 import { KartaPage } from './KartaPage';
 import { Landing } from './Landing';
 import { Article } from './Article';
@@ -7,14 +13,37 @@ import { FooterLinks } from './Footer';
 import headerLinks from './assets/header.json';
 import footerLinks from './assets/footer.json';
 
+
+const articleLoader = async function({ params }) {
+  const response = await fetch("http://strapi.wg.gateway.ts/api/articles?filters[id][$eq]=3")
+  const article = await response.json()
+  return article;
+}
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <KartaPage />
+  },
+  {
+    path: "/about",
+    element: <Landing />
+  },
+  {
+    path: "/article/:id",
+    element: <Article />,
+    loader: async ({ params }) => {
+      return fetch(`http://strapi.wg.gateway.ts/api/articles?filters[id][$eq]=${params.id}`);
+    },
+  }
+])
+
 function App() {
 
   return (
     <Box pos={'absolute'} w={'100%'} top={0}>
       <HeaderSimple links={headerLinks.links} />
-      <KartaPage></KartaPage>
-      {/* <Article></Article> */}
-      {/* <Landing></Landing> */}
+      <RouterProvider router={router} />
       <FooterLinks data={footerLinks.data} />
     </Box >
   );
diff --git a/src/Article.tsx b/src/Article.tsx
index 6b19348..e10a2ba 100644
--- a/src/Article.tsx
+++ b/src/Article.tsx
@@ -1,4 +1,6 @@
-import { Title, Text, Container, Blockquote, rem, createStyles } from '@mantine/core';
+import { Title, Text, Container, rem, createStyles, TypographyStylesProvider  } from '@mantine/core';
+import { useLoaderData } from 'react-router-dom';
+import Markdown from 'react-markdown';
 
 const useStyles = createStyles((theme) => ({
     content: {
@@ -6,12 +8,10 @@ const useStyles = createStyles((theme) => ({
     },
   
     title: {
-      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
-      fontFamily: `Greycliff CF, ${theme.fontFamily}`,
       fontSize: rem(55),
       lineHeight: 1.2,
-      fontWeight: 900,  
-      padding: rem(20),
+      fontWeight: 900,
+      paddingBottom: rem(20),
       [theme.fn.smallerThan('xs')]: {
         fontSize: rem(28),
       },
@@ -23,46 +23,24 @@ const useStyles = createStyles((theme) => ({
       }
   }));
 
+
+
+
+
 export function Article() {
+    const articleData = useLoaderData();
     const { classes } = useStyles();
+    const article = articleData.data[0].attributes
+
     return (
       <Container className={classes.content}>
         <Title order={1} className={classes.title}>
-            Михаил Михайлович Пришвин
+          {article.title}
         </Title>
         <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, a similique reprehenderit nesciunt corporis nemo autem neque, ratione assumenda eveniet ex maxime quae vero non expedita dicta. Laudantium, ea numquam?
-            Explicabo eos dolores aliquid quos velit, provident, autem ipsam, hic impedit quis cupiditate distinctio ipsum a perferendis. Fugiat in ad consequuntur! Numquam suscipit nostrum commodi repudiandae nulla minus vel tempora.
-            Tempora repellendus incidunt voluptatum, obcaecati eos reiciendis repellat corrupti velit cupiditate unde modi enim sed sunt fugiat, quasi, quidem at maiores. At et tenetur magni delectus, voluptates perspiciatis. Tempore, vero?
-            Facilis, architecto ducimus? Dolor sed saepe omnis? Quam dolorum sequi magni necessitatibus eveniet, assumenda ducimus iste obcaecati optio voluptatibus ad expedita odio dolorem amet impedit saepe molestias esse dolores eaque?
-            Soluta facilis incidunt, illo quibusdam hic voluptate officia quae aspernatur esse ullam voluptas, temporibus, cum atque quas nihil perferendis excepturi pariatur mollitia delectus nisi. Iusto fugit at voluptatem. Nam, quidem!
-        </Text>
-        <Blockquote color="indigo" cite="– Михаил Пришвин">
-      Life is like an npm install – you never know what you are going to get.
-    </Blockquote>
-        <Title order={2} className={classes.heading2}>
-            Юбилей
-        </Title>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
-        </Text>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
-        </Text>
-        <Title order={2} className={classes.heading2}>
-            Ранние годы
-        </Title>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
-        </Text>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
-        </Text>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
-        </Text>
-        <Text>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iusto blanditiis exercitationem voluptates itaque eligendi, consequatur in distinctio eius explicabo. Aliquid in vel explicabo assumenda, molestiae consequatur illum eius voluptates?
+        <TypographyStylesProvider>
+          <Markdown>{article.content}</Markdown>
+        </TypographyStylesProvider>
         </Text>
       </Container>
     );
diff --git a/src/ArticleCard.tsx b/src/ArticleCard.tsx
index 13fa42f..9f6c565 100644
--- a/src/ArticleCard.tsx
+++ b/src/ArticleCard.tsx
@@ -1,4 +1,4 @@
-import { createStyles, Card, Image, Avatar, Text, Group, Center, rem } from '@mantine/core';
+import { createStyles, Card, Image, Stack, Text, Group, Flex, rem } from '@mantine/core';
 import { IconCurrentLocation } from '@tabler/icons-react';
 
 
@@ -53,21 +53,21 @@ export function ArticleCardVertical({
     <Card withBorder shadow="sm" radius="md" p={0} w={'100%'} className={classes.card}>
       <Group noWrap spacing={0}>
         <Image src={image} height={140} width={140} />
-        <div className={classes.body}>
+        <Stack p='md'>
           <Text transform="uppercase" color="dimmed" weight={700} size="xs">
             {category}
           </Text>
-          <Text className={classes.title} mt="xs" mb="md" color={id === selected ? 'red' : 'black'}>
+          <Text component='a' href={`/article/${id}`} className={classes.title} mt="xs" mb="md" color={id === selected ? 'red' : 'black'}>
             {title}
           </Text>
-          <Center inline onClick={() => handleAddressClick(id)} className={classes.address}>
+          <Flex align='center' onClick={() => handleAddressClick(id)} className={classes.address}>
             <IconCurrentLocation style={{ width: rem(12), height: rem(12) }} />
             {/* <IconArrowLeft style={{ width: rem(12), height: rem(12) }} /> */}
             <Text size="xs">
               {address}
             </Text>
-          </Center>
-        </div>
+          </Flex>
+        </Stack>
       </Group>
     </Card>
   );
diff --git a/src/Header.tsx b/src/Header.tsx
index 6993531..505dfaf 100644
--- a/src/Header.tsx
+++ b/src/Header.tsx
@@ -52,7 +52,7 @@ interface HeaderSimpleProps {
 
 export function HeaderSimple({ links }: HeaderSimpleProps) {
   const [opened, { toggle }] = useDisclosure(false);
-  const [active, setActive] = useState(links[0].link);
+  const [active, setActive] = useState('');
   const { classes, cx } = useStyles();
 
   const items = links.map((link) => (
@@ -60,8 +60,7 @@ export function HeaderSimple({ links }: HeaderSimpleProps) {
       key={link.label}
       href={link.link}
       className={cx(classes.link, { [classes.linkActive]: active === link.link })}
-      onClick={(event) => {
-        event.preventDefault();
+      onClick={() => {
         setActive(link.link);
       }}
     >
diff --git a/src/KartaPage.tsx b/src/KartaPage.tsx
index 984d5e2..075f00e 100644
--- a/src/KartaPage.tsx
+++ b/src/KartaPage.tsx
@@ -126,8 +126,8 @@ export function KartaPage() {
             {articles !== null && articles.length > 0 && articles.map(article => {
               const articleInfo = {
                 "id": article.id,
-                // "image": article.attributes.cover.data !== null ? "http://strapi.wg.gateway.ts" + article.attributes.cover.data.attributes.url : "https://images.unsplash.com/photo-1628890923662-2cb23c2e0cfe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=200&q=80",
-                "category": "",
+                "image": article.attributes.cover.data !== null ? "http://strapi.wg.gateway.ts" + article.attributes.cover.data.attributes.url : "",
+                "category": "Памятные места",
                 "title": article.attributes.title,
                 "address": article.attributes.address,
                 "coordinates": article.attributes.coordinates,
diff --git a/src/Landing.tsx b/src/Landing.tsx
index d1cba3b..edf8606 100644
--- a/src/Landing.tsx
+++ b/src/Landing.tsx
@@ -100,6 +100,8 @@ import {
               Подробнее
             </Button>
             <Button
+              component='a'
+              href="/"
               variant="gradient"
               gradient={{ deg: 133, from: 'blue', to: 'cyan' }}
               size="lg"
diff --git a/src/assets/basemap.json b/src/assets/basemap.json
index 261239b..fcdcfea 100644
--- a/src/assets/basemap.json
+++ b/src/assets/basemap.json
@@ -1,4124 +1,4130 @@
 {
-    "version": 8,
-    "name": "Positron without labels",
-    "metadata": {},
-    "sources": {
-      "carto": {
-        "type": "vector",
-        "url": "https://tiles.basemaps.cartocdn.com/vector/carto.streets/v1/tiles.json"
+  "version": 8,
+  "name": "Voyager without labels",
+  "metadata": {},
+  "sources": {
+    "carto": {
+      "type": "vector",
+      "url": "https://tiles.basemaps.cartocdn.com/vector/carto.streets/v1/tiles.json"
+    }
+  },
+  "sprite": "https://tiles.basemaps.cartocdn.com/gl/voyager-gl-style/sprite",
+  "glyphs": "https://tiles.basemaps.cartocdn.com/fonts/{fontstack}/{range}.pbf",
+  "layers": [
+    {
+      "id": "background",
+      "type": "background",
+      "layout": {
+        "visibility": "visible"
+      },
+      "paint": {
+        "background-color": "#fbf8f3",
+        "background-opacity": 1
       }
     },
-    "sprite": "https://tiles.basemaps.cartocdn.com/gl/positron-gl-style/sprite",
-    "glyphs": "https://tiles.basemaps.cartocdn.com/fonts/{fontstack}/{range}.pbf",
-    "layers": [
-      {
-        "id": "background",
-        "type": "background",
-        "layout": {
-          "visibility": "visible"
+    {
+      "id": "landcover",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "landcover",
+      "filter": [
+        "any",
+        [
+          "==",
+          "class",
+          "wood"
+        ],
+        [
+          "==",
+          "class",
+          "grass"
+        ],
+        [
+          "==",
+          "subclass",
+          "recreation_ground"
+        ]
+      ],
+      "paint": {
+        "fill-color": {
+          "stops": [
+            [
+              8,
+              "rgba(197, 225, 178, 0.2)"
+            ],
+            [
+              9,
+              "rgba(197, 225, 178, 0.25)"
+            ],
+            [
+              11,
+              "rgba(197, 225, 178, 0.35)"
+            ],
+            [
+              13,
+              "rgba(197, 225, 178, 0.4)"
+            ],
+            [
+              15,
+              "#e0ecd3"
+            ]
+          ]
         },
-        "paint": {
-          "background-color": "#fafaf8",
-          "background-opacity": 1
-        }
+        "fill-opacity": 1
+      }
+    },
+    {
+      "id": "park_national_park",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "park",
+      "minzoom": 9,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "national_park"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible"
       },
-      {
-        "id": "landcover",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "landcover",
-        "filter": [
-          "any",
-          [
-            "==",
-            "class",
-            "wood"
-          ],
-          [
-            "==",
-            "class",
-            "grass"
-          ],
-          [
-            "==",
-            "subclass",
-            "recreation_ground"
-          ]
-        ],
-        "paint": {
-          "fill-color": {
-            "stops": [
-              [
-                8,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                9,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                11,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                13,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                15,
-                "rgba(234, 241, 233, 0.5)"
-              ]
+      "paint": {
+        "fill-color": {
+          "stops": [
+            [
+              8,
+              "rgba(197, 225, 178, 0.2)"
+            ],
+            [
+              9,
+              "rgba(197, 225, 178, 0.25)"
+            ],
+            [
+              11,
+              "rgba(197, 225, 178, 0.35)"
+            ],
+            [
+              13,
+              "rgba(197, 225, 178, 0.4)"
+            ],
+            [
+              15,
+              "#e0ecd3"
             ]
-          },
-          "fill-opacity": 1
-        }
+          ]
+        },
+        "fill-opacity": 1,
+        "fill-translate-anchor": "map"
+      }
+    },
+    {
+      "id": "park_nature_reserve",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "park",
+      "minzoom": 0,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "nature_reserve"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible"
       },
-      {
-        "id": "park_national_park",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "park",
-        "minzoom": 9,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "national_park"
+      "paint": {
+        "fill-color": {
+          "stops": [
+            [
+              8,
+              "rgba(197, 225, 178, 0.2)"
+            ],
+            [
+              9,
+              "rgba(197, 225, 178, 0.25)"
+            ],
+            [
+              11,
+              "rgba(197, 225, 178, 0.35)"
+            ],
+            [
+              13,
+              "rgba(197, 225, 178, 0.4)"
+            ],
+            [
+              15,
+              "#e0ecd3"
+            ]
           ]
-        ],
-        "layout": {
-          "visibility": "visible"
         },
-        "paint": {
-          "fill-color": {
-            "stops": [
-              [
-                8,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                9,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                11,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                13,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                15,
-                "rgba(234, 241, 233, 0.5)"
-              ]
+        "fill-antialias": true,
+        "fill-opacity": {
+          "stops": [
+            [
+              6,
+              0.7
+            ],
+            [
+              9,
+              0.9
             ]
-          },
-          "fill-opacity": 1,
-          "fill-translate-anchor": "map"
+          ]
         }
-      },
-      {
-        "id": "park_nature_reserve",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "park",
-        "minzoom": 0,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "nature_reserve"
+      }
+    },
+    {
+      "id": "landuse_residential",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "landuse",
+      "minzoom": 6,
+      "filter": [
+        "any",
+        [
+          "==",
+          "class",
+          "residential"
+        ]
+      ],
+      "paint": {
+        "fill-color": {
+          "stops": [
+            [
+              5,
+              "rgba(243, 234, 220, 0.5)"
+            ],
+            [
+              8,
+              "rgba(243, 234, 220, 0.45)"
+            ],
+            [
+              9,
+              "rgba(243, 234, 220, 0.4)"
+            ],
+            [
+              11,
+              "rgba(243, 234, 220, 0.35)"
+            ],
+            [
+              13,
+              "rgba(243, 234, 220, 0.3)"
+            ],
+            [
+              15,
+              "rgba(243, 234, 220, 0.25)"
+            ],
+            [
+              16,
+              "rgba(243, 234, 220, 0.15)"
+            ]
           ]
-        ],
-        "layout": {
-          "visibility": "visible"
         },
-        "paint": {
-          "fill-color": {
-            "stops": [
-              [
-                8,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                9,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                11,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                13,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                15,
-                "rgba(234, 241, 233, 0.5)"
-              ]
-            ]
-          },
-          "fill-antialias": true,
-          "fill-opacity": {
-            "stops": [
-              [
-                6,
-                0.7
-              ],
-              [
-                9,
-                0.9
-              ]
+        "fill-opacity": {
+          "stops": [
+            [
+              6,
+              0.6
+            ],
+            [
+              9,
+              1
             ]
-          }
-        }
-      },
-      {
-        "id": "landuse_residential",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "landuse",
-        "minzoom": 6,
-        "filter": [
-          "any",
-          [
-            "==",
-            "class",
-            "residential"
           ]
+        }
+      }
+    },
+    {
+      "id": "landuse",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "landuse",
+      "filter": [
+        "any",
+        [
+          "==",
+          "class",
+          "cemetery"
         ],
-        "paint": {
-          "fill-color": {
-            "stops": [
-              [
-                5,
-                "rgba(237, 237, 237, 0.5)"
-              ],
-              [
-                8,
-                "rgba(237, 237, 237, 0.45)"
-              ],
-              [
-                9,
-                "rgba(237, 237, 237, 0.4)"
-              ],
-              [
-                11,
-                "rgba(237, 237, 237, 0.35)"
-              ],
-              [
-                13,
-                "rgba(237, 237, 237, 0.3)"
-              ],
-              [
-                15,
-                "rgba(237, 237, 237, 0.25)"
-              ],
-              [
-                16,
-                "rgba(237, 237, 237, 0.25)"
-              ]
+        [
+          "==",
+          "class",
+          "stadium"
+        ]
+      ],
+      "paint": {
+        "fill-color": {
+          "stops": [
+            [
+              8,
+              "rgba(197, 225, 178, 0.2)"
+            ],
+            [
+              9,
+              "rgba(197, 225, 178, 0.25)"
+            ],
+            [
+              11,
+              "rgba(197, 225, 178, 0.35)"
+            ],
+            [
+              13,
+              "rgba(197, 225, 178, 0.4)"
+            ],
+            [
+              15,
+              "#e0ecd3"
             ]
-          },
-          "fill-opacity": {
-            "stops": [
-              [
-                6,
-                0.6
-              ],
-              [
-                9,
-                1
-              ]
+          ]
+        }
+      }
+    },
+    {
+      "id": "waterway",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "waterway",
+      "paint": {
+        "line-color": "#cce7ea",
+        "line-width": {
+          "stops": [
+            [
+              8,
+              0.5
+            ],
+            [
+              9,
+              1
+            ],
+            [
+              15,
+              2
+            ],
+            [
+              16,
+              3
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "boundary_county",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "boundary",
+      "minzoom": 9,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "admin_level",
+          6
+        ],
+        [
+          "==",
+          "maritime",
+          0
+        ]
+      ],
+      "layout": {
+        "visibility": "none"
       },
-      {
-        "id": "landuse",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "landuse",
-        "filter": [
-          "any",
-          [
-            "==",
-            "class",
-            "cemetery"
-          ],
-          [
-            "==",
-            "class",
-            "stadium"
+      "paint": {
+        "line-color": {
+          "stops": [
+            [
+              4,
+              "#d4d5d6"
+            ],
+            [
+              5,
+              "#d4d5d6"
+            ],
+            [
+              6,
+              "#e1c5c7"
+            ]
           ]
-        ],
-        "paint": {
-          "fill-color": {
-            "stops": [
-              [
-                8,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                9,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                11,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                13,
-                "rgba(234, 241, 233, 0.5)"
-              ],
-              [
-                15,
-                "rgba(234, 241, 233, 0.5)"
-              ]
+        },
+        "line-width": {
+          "stops": [
+            [
+              4,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          }
-        }
-      },
-      {
-        "id": "waterway",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "waterway",
-        "paint": {
-          "line-color": "#d1dbdf",
-          "line-width": {
-            "stops": [
-              [
-                8,
-                0.5
-              ],
+          ]
+        },
+        "line-dasharray": {
+          "stops": [
+            [
+              6,
               [
-                9,
                 1
-              ],
+              ]
+            ],
+            [
+              7,
               [
-                15,
+                2,
                 2
-              ],
-              [
-                16,
-                3
               ]
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "boundary_state",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "boundary",
+      "minzoom": 4,
+      "filter": [
+        "all",
+        [
+          "==",
+          "admin_level",
+          4
+        ],
+        [
+          "==",
+          "maritime",
+          0
+        ]
+      ],
+      "layout": {
+        "visibility": "none"
       },
-      {
-        "id": "boundary_county",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "boundary",
-        "minzoom": 9,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "admin_level",
-            6
-          ],
-          [
-            "==",
-            "maritime",
-            0
+      "paint": {
+        "line-color": {
+          "stops": [
+            [
+              4,
+              "#d4d5d6"
+            ],
+            [
+              5,
+              "#d4d5d6"
+            ],
+            [
+              6,
+              "#e1c5c7"
+            ]
           ]
-        ],
-        "paint": {
-          "line-color": {
-            "stops": [
-              [
-                4,
-                "#ead5d7"
-              ],
-              [
-                5,
-                "#ead5d7"
-              ],
-              [
-                6,
-                "#e1c5c7"
-              ]
+        },
+        "line-width": {
+          "stops": [
+            [
+              4,
+              0.5
+            ],
+            [
+              7,
+              1
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              9,
+              1.2
             ]
-          },
-          "line-width": {
-            "stops": [
-              [
-                4,
-                0.5
-              ],
+          ]
+        },
+        "line-dasharray": {
+          "stops": [
+            [
+              6,
               [
-                7,
                 1
               ]
-            ]
-          },
-          "line-dasharray": {
-            "stops": [
-              [
-                6,
-                [
-                  1
-                ]
-              ],
+            ],
+            [
+              7,
               [
-                7,
-                [
-                  2,
-                  2
-                ]
+                2,
+                2
               ]
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "water",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "water",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "$type",
+          "Polygon"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible"
       },
-      {
-        "id": "boundary_state",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "boundary",
-        "minzoom": 4,
-        "filter": [
-          "all",
-          [
-            "==",
-            "admin_level",
-            4
-          ],
-          [
-            "==",
-            "maritime",
-            0
-          ]
-        ],
-        "paint": {
-          "line-color": {
-            "stops": [
-              [
-                4,
-                "#ead5d7"
-              ],
-              [
-                5,
-                "#ead5d7"
-              ],
+      "paint": {
+        "fill-color": "#b0d0d6",
+        "fill-antialias": true,
+        "fill-translate-anchor": "map",
+        "fill-opacity": 1
+      }
+    },
+    {
+      "id": "water_shadow",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "water",
+      "minzoom": 0,
+      "filter": [
+        "all",
+        [
+          "==",
+          "$type",
+          "Polygon"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible"
+      },
+      "paint": {
+        "fill-color": "rgba(203, 225, 228, 1)",
+        "fill-antialias": true,
+        "fill-translate-anchor": "map",
+        "fill-opacity": 1,
+        "fill-translate": {
+          "stops": [
+            [
+              0,
               [
-                6,
-                "#e1c5c7"
+                0,
+                2
               ]
-            ]
-          },
-          "line-width": {
-            "stops": [
-              [
-                4,
-                0.5
-              ],
+            ],
+            [
+              6,
               [
-                7,
+                0,
                 1
-              ],
+              ]
+            ],
+            [
+              14,
               [
-                8,
+                0,
                 1
-              ],
-              [
-                9,
-                1.2
               ]
-            ]
-          },
-          "line-dasharray": {
-            "stops": [
-              [
-                6,
-                [
-                  1
-                ]
-              ],
+            ],
+            [
+              17,
               [
-                7,
-                [
-                  2,
-                  2
-                ]
+                0,
+                2
               ]
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "aeroway-runway",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "aeroway",
+      "minzoom": 12,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "runway"
+        ]
+      ],
+      "layout": {
+        "line-cap": "square"
       },
-      {
-        "id": "water",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "water",
-        "minzoom": 0,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "$type",
-            "Polygon"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ]
           ]
-        ],
-        "layout": {
-          "visibility": "visible"
         },
-        "paint": {
-          "fill-color": "#d4dadc",
-          "fill-antialias": true,
-          "fill-translate-anchor": "map",
-          "fill-opacity": 1
+        "line-color": "#e8e8e8"
+      }
+    },
+    {
+      "id": "aeroway-taxiway",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "aeroway",
+      "minzoom": 13,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "taxiway"
+        ]
+      ],
+      "paint": {
+        "line-color": "#e8e8e8",
+        "line-width": {
+          "stops": [
+            [
+              13,
+              0.5
+            ],
+            [
+              14,
+              1
+            ],
+            [
+              15,
+              2
+            ],
+            [
+              16,
+              4
+            ]
+          ]
         }
+      }
+    },
+    {
+      "id": "tunnel_service_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "water_shadow",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "water",
-        "minzoom": 0,
-        "filter": [
-          "all",
-          [
-            "==",
-            "$type",
-            "Polygon"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              1
+            ],
+            [
+              16,
+              3
+            ],
+            [
+              17,
+              6
+            ],
+            [
+              18,
+              8
+            ]
           ]
-        ],
-        "layout": {
-          "visibility": "visible"
         },
-        "paint": {
-          "fill-color": "transparent",
-          "fill-antialias": true,
-          "fill-translate-anchor": "map",
-          "fill-opacity": 1,
-          "fill-translate": {
-            "stops": [
-              [
-                0,
-                [
-                  0,
-                  2
-                ]
-              ],
-              [
-                6,
-                [
-                  0,
-                  1
-                ]
-              ],
-              [
-                14,
-                [
-                  0,
-                  1
-                ]
-              ],
-              [
-                17,
-                [
-                  0,
-                  2
-                ]
-              ]
+        "line-opacity": 1,
+        "line-color": "#e6dfcb"
+      }
+    },
+    {
+      "id": "tunnel_minor_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              0.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              4
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
             ]
-          }
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#e6dfcb"
+      }
+    },
+    {
+      "id": "tunnel_sec_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "aeroway-runway",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "aeroway",
-        "minzoom": 12,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "runway"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
           ]
+        },
+        "line-opacity": 1,
+        "line-color": "#e6dfcb"
+      }
+    },
+    {
+      "id": "tunnel_pri_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 8,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
         ],
-        "layout": {
-          "line-cap": "square"
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-color": "#e8e8e8"
-        }
-      },
-      {
-        "id": "aeroway-taxiway",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "aeroway",
-        "minzoom": 13,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "taxiway"
           ]
+        },
+        "line-color": "#e6dfcb"
+      }
+    },
+    {
+      "id": "tunnel_trunk_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
         ],
-        "paint": {
-          "line-color": "#e8e8e8",
-          "line-width": {
-            "stops": [
-              [
-                13,
-                0.5
-              ],
-              [
-                14,
-                1
-              ],
-              [
-                15,
-                2
-              ],
-              [
-                16,
-                4
-              ]
-            ]
-          }
-        }
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round",
+        "visibility": "visible"
       },
-      {
-        "id": "tunnel_service_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                1
-              ],
-              [
-                16,
-                3
-              ],
-              [
-                17,
-                6
-              ],
-              [
-                18,
-                8
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#ddd"
-        }
-      },
-      {
-        "id": "tunnel_minor_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
           ]
+        },
+        "line-color": "#fbdb98"
+      }
+    },
+    {
+      "id": "tunnel_mot_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "miter"
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              12,
+              4
+            ],
+            [
+              13,
+              5
+            ],
+            [
+              14,
+              7
+            ],
+            [
+              15,
+              9
+            ],
+            [
+              16,
+              11
+            ],
+            [
+              17,
+              13
+            ],
+            [
+              18,
+              22
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                0.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                4
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#ddd"
-        }
-      },
-      {
-        "id": "tunnel_sec_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
           ]
+        },
+        "line-color": "#fbdb98"
+      }
+    },
+    {
+      "id": "tunnel_path",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "path"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              0.5
+            ],
+            [
+              16,
+              1
+            ],
+            [
+              18,
+              3
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                1
-              ],
-              [
-                13,
+        "line-opacity": 1,
+        "line-color": "#d7d7d7",
+        "line-dasharray": {
+          "stops": [
+            [
+              15,
+              [
+                2,
                 2
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
+              ]
+            ],
+            [
+              18,
               [
-                18,
-                16
+                3,
+                3
               ]
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#ddd"
+          ]
         }
+      }
+    },
+    {
+      "id": "tunnel_service_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_pri_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 8,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              2
+            ],
+            [
+              16,
+              2
+            ],
+            [
+              17,
+              4
+            ],
+            [
+              18,
+              6
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
+        "line-opacity": 1,
+        "line-color": "#f0eee7"
+      }
+    },
+    {
+      "id": "tunnel_minor_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              4
+            ],
+            [
+              17,
+              8
+            ],
+            [
+              18,
+              12
             ]
-          },
-          "line-color": "#ddd"
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "rgba(238, 238, 238, 1)"
+      }
+    },
+    {
+      "id": "tunnel_sec_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_trunk_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              2
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              3
+            ],
+            [
+              15,
+              4
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
+            ]
           ]
+        },
+        "line-opacity": 1,
+        "line-color": "#f0eee7"
+      }
+    },
+    {
+      "id": "tunnel_pri_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round",
-          "visibility": "visible"
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
+        "line-opacity": 1,
+        "line-color": "#f0eee7"
+      }
+    },
+    {
+      "id": "tunnel_trunk_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "visible"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
             ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#f0eee7"
+      }
+    },
+    {
+      "id": "tunnel_mot_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 10,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              10,
+              1
+            ],
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              7
+            ],
+            [
+              16,
+              9
+            ],
+            [
+              17,
+              11
+            ],
+            [
+              18,
+              20
             ]
-          },
-          "line-color": "#ddd"
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#f0eee7"
+      }
+    },
+    {
+      "id": "tunnel_rail",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "rail"
+        ],
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_mot_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-color": "#dddddd",
+        "line-width": {
+          "base": 1.3,
+          "stops": [
+            [
+              13,
+              0.5
+            ],
+            [
+              14,
+              1
+            ],
+            [
+              15,
+              1
+            ],
+            [
+              16,
+              3
+            ],
+            [
+              21,
+              7
+            ]
           ]
+        },
+        "line-opacity": 0.5
+      }
+    },
+    {
+      "id": "tunnel_rail_dash",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "rail"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
+        [
+          "==",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#ffffff",
+        "line-width": {
+          "base": 1.3,
+          "stops": [
+            [
+              15,
+              0.5
+            ],
+            [
+              16,
+              1
+            ],
+            [
+              20,
+              5
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
+        "line-dasharray": {
+          "stops": [
+            [
+              15,
               [
-                12,
-                4
-              ],
-              [
-                13,
+                5,
                 5
-              ],
-              [
-                14,
-                7
-              ],
-              [
-                15,
-                9
-              ],
-              [
-                16,
-                11
-              ],
-              [
-                17,
-                13
-              ],
-              [
-                18,
-                22
               ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
+            ],
+            [
+              16,
               [
                 6,
-                0.5
-              ],
-              [
-                7,
-                1
+                6
               ]
             ]
-          },
-          "line-color": "#ddd"
-        }
-      },
-      {
-        "id": "tunnel_path",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "path"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
           ]
+        },
+        "line-opacity": 0.5
+      }
+    },
+    {
+      "id": "road_service_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              1
+            ],
+            [
+              16,
+              3
+            ],
+            [
+              17,
+              6
+            ],
+            [
+              18,
+              8
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                0.5
-              ],
-              [
-                16,
-                1
-              ],
-              [
-                18,
-                3
-              ]
+        "line-opacity": 1,
+        "line-color": "#fdebce"
+      }
+    },
+    {
+      "id": "road_minor_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              0.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              4.3
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#d5d5d5",
-          "line-dasharray": {
-            "stops": [
-              [
-                15,
-                [
-                  2,
-                  2
-                ]
-              ],
-              [
-                18,
-                [
-                  3,
-                  3
-                ]
-              ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              13,
+              "#ffffff"
+            ],
+            [
+              15.7,
+              "#ffffff"
+            ],
+            [
+              16,
+              "#fdebce"
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "road_pri_case_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
+        ],
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_service_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              5
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              10
+            ]
+          ]
+        },
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
+            ]
           ]
+        },
+        "line-color": "#ffeabb"
+      }
+    },
+    {
+      "id": "road_trunk_case_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              5
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              10
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                2
-              ],
-              [
-                16,
-                2
-              ],
-              [
-                17,
-                4
-              ],
-              [
-                18,
-                6
-              ]
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              12,
+              "#fbdb98"
+            ],
+            [
+              14,
+              "#fbdb98"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#eee"
+          ]
         }
+      }
+    },
+    {
+      "id": "road_mot_case_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_minor_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              5
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              10
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                4
-              ],
-              [
-                17,
-                8
-              ],
-              [
-                18,
-                12
-              ]
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              12,
+              "#fbdb98"
+            ],
+            [
+              14,
+              "#fbdb98"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "rgba(238, 238, 238, 1)"
+          ]
         }
+      }
+    },
+    {
+      "id": "road_sec_case_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_sec_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              1.5
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                2
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                3
-              ],
-              [
-                15,
-                4
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              11,
+              "#fffef9"
+            ],
+            [
+              12.99,
+              "#fffef9"
+            ],
+            [
+              13,
+              "#ffedc0"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#eee"
+          ]
         }
+      }
+    },
+    {
+      "id": "road_pri_case_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 7,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_pri_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#eee"
+          ]
+        },
+        "line-color": {
+          "stops": [
+            [
+              7,
+              "#ffe7b7"
+            ],
+            [
+              12,
+              "#ffeabb"
+            ]
+          ]
         }
+      }
+    },
+    {
+      "id": "road_trunk_case_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_trunk_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round",
-          "visibility": "visible"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
+            ]
+          ]
+        },
+        "line-color": {
+          "stops": [
+            [
+              5,
+              "#ffe7b7"
+            ],
+            [
+              12,
+              "#fbdb98"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#eee"
+          ]
         }
+      }
+    },
+    {
+      "id": "road_mot_case_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_mot_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 10,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.7
+            ],
+            [
+              8,
+              0.8
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              12,
+              4
+            ],
+            [
+              13,
+              5
+            ],
+            [
+              14,
+              7
+            ],
+            [
+              15,
+              9
+            ],
+            [
+              16,
+              11
+            ],
+            [
+              17,
+              13
+            ],
+            [
+              18,
+              22
+            ]
+          ]
+        },
+        "line-opacity": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              1
+            ]
+          ]
+        },
+        "line-color": {
+          "stops": [
+            [
+              5,
+              "#fbdb98"
+            ],
+            [
+              12,
+              "#fbdb98"
+            ]
           ]
+        }
+      }
+    },
+    {
+      "id": "road_path",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "path",
+          "track"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              0.5
+            ],
+            [
+              16,
+              1
+            ],
+            [
+              18,
+              3
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                10,
-                1
-              ],
-              [
-                12,
+        "line-opacity": 1,
+        "line-color": "#d7d7d7",
+        "line-dasharray": {
+          "stops": [
+            [
+              15,
+              [
+                2,
                 2
-              ],
+              ]
+            ],
+            [
+              18,
               [
-                13,
+                3,
                 3
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                7
-              ],
-              [
-                16,
-                9
-              ],
-              [
-                17,
-                11
-              ],
-              [
-                18,
-                20
               ]
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#eee"
+          ]
         }
+      }
+    },
+    {
+      "id": "road_service_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "tunnel_rail",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "rail"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              2
+            ],
+            [
+              16,
+              2
+            ],
+            [
+              17,
+              4
+            ],
+            [
+              18,
+              6
+            ]
           ]
+        },
+        "line-opacity": 1,
+        "line-color": "#ffffff"
+      }
+    },
+    {
+      "id": "road_minor_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
         ],
-        "layout": {
-          "visibility": "visible",
-          "line-join": "round"
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              4
+            ],
+            [
+              17,
+              8
+            ],
+            [
+              18,
+              12
+            ]
+          ]
         },
-        "paint": {
-          "line-color": "#dddddd",
-          "line-width": {
-            "base": 1.3,
-            "stops": [
-              [
-                13,
-                0.5
-              ],
-              [
-                14,
-                1
-              ],
-              [
-                15,
-                1
-              ],
-              [
-                16,
-                3
-              ],
-              [
-                21,
-                7
-              ]
-            ]
-          },
-          "line-opacity": 0.5
-        }
-      },
-      {
-        "id": "tunnel_rail_dash",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "rail"
-          ],
-          [
-            "==",
-            "brunnel",
-            "tunnel"
-          ]
-        ],
-        "layout": {
-          "visibility": "visible",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-color": "#ffffff",
-          "line-width": {
-            "base": 1.3,
-            "stops": [
-              [
-                15,
-                0.5
-              ],
-              [
-                16,
-                1
-              ],
-              [
-                20,
-                5
-              ]
-            ]
-          },
-          "line-dasharray": {
-            "stops": [
-              [
-                15,
-                [
-                  5,
-                  5
-                ]
-              ],
-              [
-                16,
-                [
-                  6,
-                  6
-                ]
-              ]
-            ]
-          },
-          "line-opacity": 0.5
-        }
-      },
-      {
-        "id": "road_service_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                1
-              ],
-              [
-                16,
-                3
-              ],
-              [
-                17,
-                6
-              ],
-              [
-                18,
-                8
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#ddd"
-        }
-      },
-      {
-        "id": "road_minor_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                0.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                4.3
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                13,
-                "#e6e6e6"
-              ],
-              [
-                15.7,
-                "#e6e6e6"
-              ],
-              [
-                16,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_pri_case_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "==",
-            "ramp",
-            1
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                2
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                5
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                10
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": "#ddd"
-        }
-      },
-      {
-        "id": "road_trunk_case_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "==",
-            "ramp",
-            1
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                2
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                5
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                10
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                12,
-                "#e6e6e6"
-              ],
-              [
-                14,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_mot_case_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "==",
-            "ramp",
-            1
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                2
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                5
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                10
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                12,
-                "#e6e6e6"
-              ],
-              [
-                14,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_sec_case_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                1.5
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                11,
-                "#e6e6e6"
-              ],
-              [
-                12.99,
-                "#e6e6e6"
-              ],
-              [
-                13,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_pri_case_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 7,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                7,
-                "#e6e6e6"
-              ],
-              [
-                12,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_trunk_case_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                5,
-                "#e6e6e6"
-              ],
-              [
-                12,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_mot_case_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.7
-              ],
-              [
-                8,
-                0.8
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                12,
-                4
-              ],
-              [
-                13,
-                5
-              ],
-              [
-                14,
-                7
-              ],
-              [
-                15,
-                9
-              ],
-              [
-                16,
-                11
-              ],
-              [
-                17,
-                13
-              ],
-              [
-                18,
-                22
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                5,
-                "#e6e6e6"
-              ],
-              [
-                12,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_path",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "path",
-            "track"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                0.5
-              ],
-              [
-                16,
-                1
-              ],
-              [
-                18,
-                3
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#d5d5d5",
-          "line-dasharray": {
-            "stops": [
-              [
-                15,
-                [
-                  2,
-                  2
-                ]
-              ],
-              [
-                18,
-                [
-                  3,
-                  3
-                ]
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "road_service_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                2
-              ],
-              [
-                16,
-                2
-              ],
-              [
-                17,
-                4
-              ],
-              [
-                18,
-                6
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fdfdfd"
-        }
-      },
-      {
-        "id": "road_minor_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                4
-              ],
-              [
-                17,
-                8
-              ],
-              [
-                18,
-                12
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fdfdfd"
-        }
-      },
-      {
-        "id": "road_pri_fill_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "==",
-            "ramp",
-            1
-          ]
+        "line-opacity": 1,
+        "line-color": "#ffffff"
+      }
+    },
+    {
+      "id": "road_pri_fill_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                1
-              ],
-              [
-                13,
-                1.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                8
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "road_trunk_fill_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "==",
-            "ramp",
-            1
-          ]
-        ],
-        "layout": {
-          "line-cap": "square",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                1
-              ],
-              [
-                13,
-                1.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                8
-              ]
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              1
+            ],
+            [
+              13,
+              1.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              8
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
-      },
-      {
-        "id": "road_mot_fill_ramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 12,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "==",
-            "ramp",
-            1
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                12,
-                1
-              ],
-              [
-                13,
-                1.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                8
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
-      },
-      {
-        "id": "road_sec_fill_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
+        "line-opacity": 1,
+        "line-color": "#fefdd7"
+      }
+    },
+    {
+      "id": "road_trunk_fill_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                2
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                3
-              ],
-              [
-                15,
-                4
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "square",
+        "line-join": "round"
       },
-      {
-        "id": "road_pri_fill_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 10,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                10,
-                0.3
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              1
+            ],
+            [
+              13,
+              1.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              8
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
-      },
-      {
-        "id": "road_trunk_fill_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 10,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
-      },
-      {
-        "id": "road_mot_fill_noramp",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 10,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "!has",
-            "brunnel"
-          ]
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "road_mot_fill_ramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 12,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                10,
-                1
-              ],
-              [
-                12,
-                2
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                7
-              ],
-              [
-                16,
-                9
-              ],
-              [
-                17,
-                11
-              ],
-              [
-                18,
-                20
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
-        }
+        [
+          "==",
+          "ramp",
+          1
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "rail",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "rail"
-          ],
-          [
-            "!=",
-            "brunnel",
-            "tunnel"
-          ]
-        ],
-        "layout": {
-          "visibility": "visible",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-color": "#dddddd",
-          "line-width": {
-            "base": 1.3,
-            "stops": [
-              [
-                13,
-                0.5
-              ],
-              [
-                14,
-                1
-              ],
-              [
-                15,
-                1
-              ],
-              [
-                16,
-                3
-              ],
-              [
-                21,
-                7
-              ]
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              12,
+              1
+            ],
+            [
+              13,
+              1.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              8
             ]
-          }
-        }
-      },
-      {
-        "id": "rail_dash",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "rail"
-          ],
-          [
-            "!=",
-            "brunnel",
-            "tunnel"
           ]
-        ],
-        "layout": {
-          "visibility": "visible",
-          "line-join": "round"
         },
-        "paint": {
-          "line-color": "#ffffff",
-          "line-width": {
-            "base": 1.3,
-            "stops": [
-              [
-                15,
-                0.5
-              ],
-              [
-                16,
-                1
-              ],
-              [
-                20,
-                5
-              ]
-            ]
-          },
-          "line-dasharray": {
-            "stops": [
-              [
-                15,
-                [
-                  5,
-                  5
-                ]
-              ],
-              [
-                16,
-                [
-                  6,
-                  6
-                ]
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "bridge_service_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
-          ]
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "road_sec_fill_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                1
-              ],
-              [
-                16,
-                3
-              ],
-              [
-                17,
-                6
-              ],
-              [
-                18,
-                8
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": "#ddd"
-        }
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_minor_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
-          ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "miter"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                0.5
-              ],
-              [
-                14,
-                2
-              ],
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                4.3
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              2
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              3
+            ],
+            [
+              15,
+              4
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
             ]
-          },
-          "line-opacity": 1,
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                13,
-                "#e6e6e6"
-              ],
-              [
-                15.7,
-                "#e6e6e6"
-              ],
-              [
-                16,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "bridge_sec_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "miter"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                0.5
-              ],
-              [
-                12,
-                1.5
-              ],
-              [
-                13,
-                3
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-color": {
-            "stops": [
-              [
-                11,
-                "#e6e6e6"
-              ],
-              [
-                12.99,
-                "#e6e6e6"
-              ],
-              [
-                13,
-                "#ddd"
-              ]
-            ]
-          }
-        }
-      },
-      {
-        "id": "bridge_pri_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 8,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
-          ]
+        "line-opacity": 1,
+        "line-color": "#fefdd7"
+      }
+    },
+    {
+      "id": "road_pri_fill_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 10,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
-        },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                8,
-                "#e6e6e6"
-              ],
-              [
-                12,
-                "#ddd"
-              ]
-            ]
-          }
-        }
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_trunk_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              10,
+              0.3
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round",
-          "visibility": "visible"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                13,
-                4
-              ],
-              [
-                14,
-                6
-              ],
-              [
-                15,
-                8
-              ],
-              [
-                16,
-                10
-              ],
-              [
-                17,
-                14
-              ],
-              [
-                18,
-                18
-              ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
-              [
-                5,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
+        "line-opacity": 1,
+        "line-color": "#fefdd7"
+      }
+    },
+    {
+      "id": "road_trunk_fill_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 10,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
             ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                5,
-                "#e6e6e6"
-              ],
-              [
-                12,
-                "#ddd"
-              ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "road_mot_fill_noramp",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 10,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "!has",
+          "brunnel"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              10,
+              1
+            ],
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              7
+            ],
+            [
+              16,
+              9
+            ],
+            [
+              17,
+              11
+            ],
+            [
+              18,
+              20
             ]
-          }
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "rail",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "rail"
+        ],
+        [
+          "!=",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_mot_case",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 5,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-color": "#dddddd",
+        "line-width": {
+          "base": 1.3,
+          "stops": [
+            [
+              13,
+              0.5
+            ],
+            [
+              14,
+              1
+            ],
+            [
+              15,
+              1
+            ],
+            [
+              16,
+              3
+            ],
+            [
+              21,
+              7
+            ]
           ]
+        }
+      }
+    },
+    {
+      "id": "rail_dash",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "rail"
         ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
+        [
+          "!=",
+          "brunnel",
+          "tunnel"
+        ]
+      ],
+      "layout": {
+        "visibility": "visible",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#ffffff",
+        "line-width": {
+          "base": 1.3,
+          "stops": [
+            [
+              15,
+              0.5
+            ],
+            [
+              16,
+              1
+            ],
+            [
+              20,
+              5
+            ]
+          ]
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                6,
-                0.5
-              ],
-              [
-                7,
-                0.8
-              ],
-              [
-                8,
-                1
-              ],
-              [
-                11,
-                3
-              ],
-              [
-                12,
-                4
-              ],
+        "line-dasharray": {
+          "stops": [
+            [
+              15,
               [
-                13,
+                5,
                 5
-              ],
-              [
-                14,
-                7
-              ],
-              [
-                15,
-                9
-              ],
-              [
-                16,
-                11
-              ],
-              [
-                17,
-                13
-              ],
-              [
-                18,
-                22
               ]
-            ]
-          },
-          "line-opacity": {
-            "stops": [
+            ],
+            [
+              16,
               [
                 6,
-                0.5
-              ],
-              [
-                7,
-                1
-              ]
-            ]
-          },
-          "line-color": {
-            "stops": [
-              [
-                5,
-                "#e6e6e6"
-              ],
-              [
-                10,
-                "#ddd"
+                6
               ]
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_service_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_path",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "path"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              1
+            ],
+            [
+              16,
+              3
+            ],
+            [
+              17,
+              6
+            ],
+            [
+              18,
+              8
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                0.5
-              ],
-              [
-                16,
-                1
-              ],
-              [
-                18,
-                3
-              ]
+        "line-opacity": 1,
+        "line-color": "#fdebce"
+      }
+    },
+    {
+      "id": "bridge_minor_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              0.5
+            ],
+            [
+              14,
+              2
+            ],
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              4.3
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#d5d5d5",
-          "line-dasharray": {
-            "stops": [
-              [
-                15,
-                [
-                  2,
-                  2
-                ]
-              ],
-              [
-                18,
-                [
-                  3,
-                  3
-                ]
-              ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              13,
+              "#ffffff"
+            ],
+            [
+              15.7,
+              "#ffffff"
+            ],
+            [
+              16,
+              "#fdebce"
             ]
-          }
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_sec_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "miter"
       },
-      {
-        "id": "bridge_service_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "service"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              0.5
+            ],
+            [
+              12,
+              1.5
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                2
-              ],
-              [
-                16,
-                2
-              ],
-              [
-                17,
-                4
-              ],
-              [
-                18,
-                6
-              ]
+        "line-opacity": 1,
+        "line-color": {
+          "stops": [
+            [
+              11,
+              "#fffef9"
+            ],
+            [
+              12.99,
+              "#fffef9"
+            ],
+            [
+              13,
+              "#ffedc0"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fdfdfd"
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_pri_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 8,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_minor_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 15,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "minor"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                15,
-                3
-              ],
-              [
-                16,
-                4
-              ],
-              [
-                17,
-                8
-              ],
-              [
-                18,
-                12
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fdfdfd"
-        }
-      },
-      {
-        "id": "bridge_sec_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 13,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "in",
-            "class",
-            "secondary",
-            "tertiary"
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                2
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                3
-              ],
-              [
-                15,
-                4
-              ],
-              [
-                16,
-                6
-              ],
-              [
-                17,
-                10
-              ],
-              [
-                18,
-                14
-              ]
+        "line-color": {
+          "stops": [
+            [
+              8,
+              "#ffe7b7"
+            ],
+            [
+              12,
+              "#ffeabb"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_trunk_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round",
+        "visibility": "visible"
       },
-      {
-        "id": "bridge_pri_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "primary"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              13,
+              4
+            ],
+            [
+              14,
+              6
+            ],
+            [
+              15,
+              8
+            ],
+            [
+              16,
+              10
+            ],
+            [
+              17,
+              14
+            ],
+            [
+              18,
+              18
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              5,
+              0.5
+            ],
+            [
+              7,
+              1
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
+          ]
+        },
+        "line-color": {
+          "stops": [
+            [
+              5,
+              "#fbdb98"
+            ],
+            [
+              12,
+              "#fbdb98"
+            ]
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_mot_case",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 5,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_trunk_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 11,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "trunk"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              0.8
+            ],
+            [
+              8,
+              1
+            ],
+            [
+              11,
+              3
+            ],
+            [
+              12,
+              4
+            ],
+            [
+              13,
+              5
+            ],
+            [
+              14,
+              7
+            ],
+            [
+              15,
+              9
+            ],
+            [
+              16,
+              11
+            ],
+            [
+              17,
+              13
+            ],
+            [
+              18,
+              22
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round",
-          "visibility": "visible"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                11,
-                1
-              ],
-              [
-                13,
-                2
-              ],
-              [
-                14,
-                4
-              ],
-              [
-                15,
-                6
-              ],
-              [
-                16,
-                8
-              ],
-              [
-                17,
-                12
-              ],
-              [
-                18,
-                16
-              ]
+        "line-opacity": {
+          "stops": [
+            [
+              6,
+              0.5
+            ],
+            [
+              7,
+              1
+            ]
+          ]
+        },
+        "line-color": {
+          "stops": [
+            [
+              5,
+              "#fbdb98"
+            ],
+            [
+              10,
+              "#fbdb98"
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_path",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "path"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "bridge_mot_fill",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "transportation",
-        "minzoom": 10,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "class",
-            "motorway"
-          ],
-          [
-            "!=",
-            "ramp",
-            1
-          ],
-          [
-            "==",
-            "brunnel",
-            "bridge"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              0.5
+            ],
+            [
+              16,
+              1
+            ],
+            [
+              18,
+              3
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "butt",
-          "line-join": "round"
         },
-        "paint": {
-          "line-width": {
-            "stops": [
-              [
-                10,
-                1
-              ],
-              [
-                12,
+        "line-opacity": 1,
+        "line-color": "#d7d7d7",
+        "line-dasharray": {
+          "stops": [
+            [
+              15,
+              [
+                2,
                 2
-              ],
+              ]
+            ],
+            [
+              18,
               [
-                13,
+                3,
                 3
-              ],
-              [
-                14,
-                5
-              ],
-              [
-                15,
-                7
-              ],
-              [
-                16,
-                9
-              ],
-              [
-                17,
-                11
-              ],
-              [
-                18,
-                20
               ]
             ]
-          },
-          "line-opacity": 1,
-          "line-color": "#fff"
+          ]
         }
+      }
+    },
+    {
+      "id": "bridge_service_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "service"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
       },
-      {
-        "id": "building",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "building",
-        "layout": {
-          "visibility": "visible"
-        },
-        "paint": {
-          "fill-color": {
-            "base": 1,
-            "stops": [
-              [
-                15.5,
-                "#dfdfdf"
-              ],
-              [
-                16,
-                "#dfdfdf"
-              ]
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              2
+            ],
+            [
+              16,
+              2
+            ],
+            [
+              17,
+              4
+            ],
+            [
+              18,
+              6
             ]
-          },
-          "fill-antialias": true
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#ffffff"
+      }
+    },
+    {
+      "id": "bridge_minor_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 15,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "minor"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
       },
-      {
-        "id": "building-top",
-        "type": "fill",
-        "source": "carto",
-        "source-layer": "building",
-        "layout": {
-          "visibility": "visible"
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              15,
+              3
+            ],
+            [
+              16,
+              4
+            ],
+            [
+              17,
+              8
+            ],
+            [
+              18,
+              12
+            ]
+          ]
         },
-        "paint": {
-          "fill-translate": {
-            "base": 1,
-            "stops": [
-              [
-                14,
-                [
-                  0,
-                  0
-                ]
-              ],
-              [
-                16,
-                [
-                  -2,
-                  -2
-                ]
-              ]
+        "line-opacity": 1,
+        "line-color": "#ffffff"
+      }
+    },
+    {
+      "id": "bridge_sec_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 13,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "in",
+          "class",
+          "secondary",
+          "tertiary"
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              2
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              3
+            ],
+            [
+              15,
+              4
+            ],
+            [
+              16,
+              6
+            ],
+            [
+              17,
+              10
+            ],
+            [
+              18,
+              14
             ]
-          },
-          "fill-outline-color": "#dfdfdf",
-          "fill-color": "#ededed",
-          "fill-opacity": {
-            "base": 1,
-            "stops": [
-              [
-                13,
-                0
-              ],
-              [
-                16,
-                1
-              ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#fefdd7"
+      }
+    },
+    {
+      "id": "bridge_pri_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "primary"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
             ]
-          }
-        }
+          ]
+        },
+        "line-opacity": 1,
+        "line-color": "#fefdd7"
+      }
+    },
+    {
+      "id": "bridge_trunk_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 11,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "trunk"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
+        ],
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round",
+        "visibility": "visible"
       },
-      {
-        "id": "boundary_country_outline",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "boundary",
-        "minzoom": 6,
-        "maxzoom": 24,
-        "filter": [
-          "all",
-          [
-            "==",
-            "admin_level",
-            2
-          ],
-          [
-            "==",
-            "maritime",
-            0
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              11,
+              1
+            ],
+            [
+              13,
+              2
+            ],
+            [
+              14,
+              4
+            ],
+            [
+              15,
+              6
+            ],
+            [
+              16,
+              8
+            ],
+            [
+              17,
+              12
+            ],
+            [
+              18,
+              16
+            ]
           ]
+        },
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "bridge_mot_fill",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "transportation",
+      "minzoom": 10,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "class",
+          "motorway"
+        ],
+        [
+          "!=",
+          "ramp",
+          1
         ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round",
-          "visibility": "none"
+        [
+          "==",
+          "brunnel",
+          "bridge"
+        ]
+      ],
+      "layout": {
+        "line-cap": "butt",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-width": {
+          "stops": [
+            [
+              10,
+              1
+            ],
+            [
+              12,
+              2
+            ],
+            [
+              13,
+              3
+            ],
+            [
+              14,
+              5
+            ],
+            [
+              15,
+              7
+            ],
+            [
+              16,
+              9
+            ],
+            [
+              17,
+              11
+            ],
+            [
+              18,
+              20
+            ]
+          ]
         },
-        "paint": {
-          "line-color": "#f3efed",
-          "line-opacity": 0.5,
-          "line-width": 8,
-          "line-offset": 0
-        }
+        "line-opacity": 1,
+        "line-color": "#FFE9A5"
+      }
+    },
+    {
+      "id": "building",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "building",
+      "layout": {
+        "visibility": "visible"
       },
-      {
-        "id": "boundary_country_inner",
-        "type": "line",
-        "source": "carto",
-        "source-layer": "boundary",
-        "minzoom": 0,
-        "filter": [
-          "all",
-          [
-            "==",
-            "admin_level",
-            2
-          ],
-          [
-            "==",
-            "maritime",
-            0
+      "paint": {
+        "fill-color": {
+          "base": 1,
+          "stops": [
+            [
+              15.5,
+              "#e4dcd0"
+            ],
+            [
+              16,
+              "#e4dcd0"
+            ]
           ]
-        ],
-        "layout": {
-          "line-cap": "round",
-          "line-join": "round",
-          "visibility": "none"
         },
-        "paint": {
-          "line-color": {
-            "stops": [
-              [
-                4,
-                "#f2e6e7"
-              ],
-              [
-                5,
-                "#ebd6d8"
-              ],
+        "fill-antialias": true
+      }
+    },
+    {
+      "id": "building-top",
+      "type": "fill",
+      "source": "carto",
+      "source-layer": "building",
+      "layout": {
+        "visibility": "visible"
+      },
+      "paint": {
+        "fill-translate": {
+          "base": 1,
+          "stops": [
+            [
+              14,
               [
-                6,
-                "#ebd6d8"
+                0,
+                0
               ]
-            ]
-          },
-          "line-opacity": 1,
-          "line-width": {
-            "stops": [
-              [
-                3,
-                1
-              ],
+            ],
+            [
+              16,
               [
-                6,
-                1.5
+                -2,
+                -2
               ]
             ]
-          },
-          "line-offset": 0
+          ]
+        },
+        "fill-outline-color": "#e9d8be",
+        "fill-color": "#f3eadc",
+        "fill-opacity": {
+          "base": 1,
+          "stops": [
+            [
+              13,
+              0
+            ],
+            [
+              16,
+              1
+            ]
+          ]
         }
       }
-    ],
-    "id": "voyager",
-    "owner": "Carto"
-  }
\ No newline at end of file
+    },
+    {
+      "id": "boundary_country_outline",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "boundary",
+      "minzoom": 6,
+      "maxzoom": 24,
+      "filter": [
+        "all",
+        [
+          "==",
+          "admin_level",
+          2
+        ],
+        [
+          "==",
+          "maritime",
+          0
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "none"
+      },
+      "paint": {
+        "line-color": "#f3efed",
+        "line-opacity": 0.5,
+        "line-width": 8,
+        "line-offset": 0
+      }
+    },
+    {
+      "id": "boundary_country_inner",
+      "type": "line",
+      "source": "carto",
+      "source-layer": "boundary",
+      "minzoom": 0,
+      "filter": [
+        "all",
+        [
+          "==",
+          "admin_level",
+          2
+        ],
+        [
+          "==",
+          "maritime",
+          0
+        ]
+      ],
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round",
+        "visibility": "none"
+      },
+      "paint": {
+        "line-color": {
+          "stops": [
+            [
+              4,
+              "#ead5d7"
+            ],
+            [
+              5,
+              "#ebd6d8"
+            ],
+            [
+              6,
+              "#ebd6d8"
+            ]
+          ]
+        },
+        "line-opacity": 1,
+        "line-width": {
+          "stops": [
+            [
+              3,
+              1
+            ],
+            [
+              6,
+              1.5
+            ]
+          ]
+        },
+        "line-offset": 0
+      }
+    }
+  ],
+  "id": "voyager",
+  "owner": "Carto"
+}
\ No newline at end of file
diff --git a/src/assets/header.json b/src/assets/header.json
index e69a77e..31e6c7a 100644
--- a/src/assets/header.json
+++ b/src/assets/header.json
@@ -1,15 +1,11 @@
 {
     "links": [
         {
-            "link": "#",
+            "link": "/",
             "label": "Карта"
         },
         {
-            "link": "articles",
-            "label": "Статьи"
-        },
-        {
-            "link": "about",
+            "link": "/about",
             "label": "О проекте"
         }
     ]
diff --git a/tsconfig.json b/tsconfig.json
index a7fc6fb..c543eea 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,7 @@
     "skipLibCheck": true,
 
     /* Bundler mode */
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,