From 443feb2bfa60a5efd527439df5cad830eb29b5c5 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Mon, 25 May 2026 10:29:29 +0200
Subject: [PATCH] road opacities

---
 website/src/lib/assets/custom/satellite.json | 815 +++++--------------
 1 file changed, 210 insertions(+), 605 deletions(-)

diff --git a/website/src/lib/assets/custom/satellite.json b/website/src/lib/assets/custom/satellite.json
index 4cb07e52d..da9be76bd 100644
--- a/website/src/lib/assets/custom/satellite.json
+++ b/website/src/lib/assets/custom/satellite.json
@@ -21,76 +21,6 @@
       "type": "raster",
       "source": "esri"
     },
-    {
-      "id": "park_outline",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "park",
-      "paint": {
-        "line-color": "rgba(228, 241, 215, 1)",
-        "line-dasharray": [1, 1.5]
-      }
-    },
-    {
-      "id": "aeroway_runway",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "aeroway",
-      "minzoom": 11,
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
-        ],
-        ["==", ["get", "class"], "runway"]
-      ],
-      "paint": {
-        "line-color": "#f0ede9",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          11,
-          3,
-          20,
-          16
-        ]
-      }
-    },
-    {
-      "id": "aeroway_taxiway",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "aeroway",
-      "minzoom": 11,
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
-        ],
-        ["==", ["get", "class"], "taxiway"]
-      ],
-      "paint": {
-        "line-color": "#f0ede9",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          11,
-          0.5,
-          20,
-          6
-        ]
-      }
-    },
     {
       "id": "tunnel_motorway_link_casing",
       "type": "line",
@@ -118,33 +48,11 @@
           4,
           20,
           15
-        ]
-      }
-    },
-    {
-      "id": "tunnel_service_track_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "tunnel"],
-        ["match", ["get", "class"], ["service", "track"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#cfcdca",
-        "line-dasharray": [0.5, 0.25],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          15,
-          1,
-          16,
-          4,
-          20,
-          11
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -173,6 +81,11 @@
           4,
           20,
           15
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -205,30 +118,6 @@
         ]
       }
     },
-    {
-      "id": "tunnel_secondary_tertiary_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "tunnel"],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#e9ac77",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          8,
-          1.5,
-          20,
-          17
-        ]
-      }
-    },
     {
       "id": "tunnel_trunk_primary_casing",
       "type": "line",
@@ -254,6 +143,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -284,6 +178,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -315,6 +214,11 @@
           0.5,
           20,
           10
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -344,32 +248,11 @@
           2.5,
           20,
           11.5
-        ]
-      }
-    },
-    {
-      "id": "tunnel_service_track",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "tunnel"],
-        ["match", ["get", "class"], ["service", "track"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fff",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          15.5,
-          0,
-          16,
-          2,
-          20,
-          7.5
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -398,58 +281,11 @@
           2.5,
           20,
           11.5
-        ]
-      }
-    },
-    {
-      "id": "tunnel_minor",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "tunnel"],
-        ["match", ["get", "class"], ["minor"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fff",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          13.5,
-          0,
-          14,
-          2.5,
-          20,
-          11.5
-        ]
-      }
-    },
-    {
-      "id": "tunnel_secondary_tertiary",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "tunnel"],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fff4c6",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          6.5,
-          0,
-          7,
-          0.5,
-          20,
-          10
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -476,6 +312,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -503,6 +344,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -528,6 +374,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -554,6 +405,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -579,6 +435,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -605,6 +466,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -620,7 +486,14 @@
         true,
         false
       ],
-      "paint": {"fill-pattern": "pedestrian_polygon"}
+      "paint": {
+        "fill-pattern": "pedestrian_polygon",
+        "fill-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 1,
+          15, 0.4
+        ]
+      }
     },
     {
       "id": "road_motorway_link_casing",
@@ -649,32 +522,11 @@
           4,
           20,
           15
-        ]
-      }
-    },
-    {
-      "id": "road_service_track_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["service", "track"], true, false]
-      ],
-      "layout": {"line-cap": "round", "line-join": "round"},
-      "paint": {
-        "line-color": ["match", ["get", "class"], ["service"], "#cfcdca", "hsl(40,70%,60%,70%)"],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          12,
-          1,
-          15,
-          4,
-          20,
-          11
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -711,68 +563,11 @@
           4,
           20,
           15
-        ]
-      }
-    },
-    {
-      "id": "road_minor_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
         ],
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["minor"], true, false],
-        ["!=", ["get", "ramp"], 1]
-      ],
-      "layout": {"line-cap": "round", "line-join": "round"},
-      "paint": {
-        "line-color": "#cfcdca",
-        "line-opacity": ["interpolate", ["linear"], ["zoom"], 12, 0, 12.5, 1],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          12,
-          0.5,
-          13,
-          1,
-          14,
-          4,
-          20,
-          20
-        ]
-      }
-    },
-    {
-      "id": "road_secondary_tertiary_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false],
-        ["!=", ["get", "ramp"], 1]
-      ],
-      "layout": {"line-cap": "round", "line-join": "round"},
-      "paint": {
-        "line-color": "#e9ac77",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          8,
-          1.5,
-          20,
-          17
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -801,6 +596,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -831,6 +631,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -850,8 +655,7 @@
           false
         ],
         ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "surface"], ["paved"], true, false]
+        ["match", ["get", "class"], ["path", "pedestrian"], true, false]
       ],
       "layout": {"line-join": "round"},
       "paint": {
@@ -865,73 +669,11 @@
           1,
           20,
           10
-        ]
-      }
-    },
-    {
-      "id": "road_path_pedestrian_trail_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "minzoom": 13,
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
         ],
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "surface"], ["paved"], false, true]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "hsl(40,70%,60%)",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          13,
-          1.6,
-          15,
-          4
-        ]
-      }
-    },
-    {
-      "id": "road_path_pedestrian_trail",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "minzoom": 13,
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
-        ],
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "surface"], ["paved"], false, true]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "hsl(0,0%,100%)",
-        "line-dasharray": [2.5, 1],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          13,
-          0.8,
-          15,
-          2
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -962,6 +704,11 @@
           2.5,
           20,
           11.5
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -988,6 +735,11 @@
           2,
           20,
           7.5
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1024,65 +776,11 @@
           2.5,
           20,
           11.5
-        ]
-      }
-    },
-    {
-      "id": "road_minor",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
         ],
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["minor"], true, false]
-      ],
-      "layout": {"line-cap": "round", "line-join": "round"},
-      "paint": {
-        "line-color": "#fff",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          13.5,
-          0,
-          14,
-          2.5,
-          20,
-          18
-        ]
-      }
-    },
-    {
-      "id": "road_secondary_tertiary",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["match", ["get", "brunnel"], ["bridge", "tunnel"], false, true],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false]
-      ],
-      "layout": {"line-cap": "round", "line-join": "round"},
-      "paint": {
-        "line-color": "#fea",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          6.5,
-          0,
-          8,
-          0.5,
-          20,
-          13
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1109,6 +807,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1145,6 +848,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1170,6 +878,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1196,6 +909,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1221,6 +939,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1247,6 +970,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1298,32 +1026,11 @@
           4,
           20,
           15
-        ]
-      }
-    },
-    {
-      "id": "bridge_service_track_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["service", "track"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#cfcdca",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          15,
-          1,
-          16,
-          4,
-          20,
-          11
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1352,6 +1059,11 @@
           4,
           20,
           15
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1399,8 +1111,7 @@
           false
         ],
         ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "subclass"], ["path", "footway"], false, true]
+        ["match", ["get", "class"], ["path", "pedestrian"], true, false]
       ],
       "paint": {
         "line-color": "hsl(35,6%,80%)",
@@ -1413,62 +1124,11 @@
           1.5,
           20,
           18
-        ]
-      }
-    },
-    {
-      "id": "bridge_path_pedestrian_trail_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
         ],
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "subclass"], ["path", "footway"], true, false]
-      ],
-      "paint": {
-        "line-color": "hsl(40,70%,60%)",
-        "line-dasharray": [1, 0],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          14,
-          2,
-          20,
-          12
-        ]
-      }
-    },
-    {
-      "id": "bridge_secondary_tertiary_casing",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#e9ac77",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          8,
-          1.5,
-          20,
-          17
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1497,6 +1157,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1526,6 +1191,11 @@
           1.75,
           20,
           22
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1558,38 +1228,11 @@
           0.5,
           20,
           10
-        ]
-      }
-    },
-    {
-      "id": "bridge_path_pedestrian_trail",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        [
-          "match",
-          ["geometry-type"],
-          ["LineString", "MultiLineString"],
-          true,
-          false
         ],
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["path", "pedestrian"], true, false],
-        ["match", ["get", "subclass"], ["path", "footway"], true, false]
-      ],
-      "paint": {
-        "line-color": "hsl(0,0%,100%)",
-        "line-dasharray": [0.8, 0.3],
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          14,
-          1,
-          20,
-          6
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1619,32 +1262,11 @@
           2.5,
           20,
           11.5
-        ]
-      }
-    },
-    {
-      "id": "bridge_service_track",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["service", "track"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fff",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          15.5,
-          0,
-          16,
-          2,
-          20,
-          7.5
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1673,58 +1295,11 @@
           2.5,
           20,
           11.5
-        ]
-      }
-    },
-    {
-      "id": "bridge_street",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["minor"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fff",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          13.5,
-          0,
-          14,
-          2.5,
-          20,
-          18
-        ]
-      }
-    },
-    {
-      "id": "bridge_secondary_tertiary",
-      "type": "line",
-      "source": "openmaptiles",
-      "source-layer": "transportation",
-      "filter": [
-        "all",
-        ["==", ["get", "brunnel"], "bridge"],
-        ["match", ["get", "class"], ["secondary", "tertiary"], true, false]
-      ],
-      "layout": {"line-join": "round"},
-      "paint": {
-        "line-color": "#fea",
-        "line-width": [
-          "interpolate",
-          ["exponential", 1.2],
-          ["zoom"],
-          6.5,
-          0,
-          7,
-          0.5,
-          20,
-          10
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1751,6 +1326,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1778,6 +1358,11 @@
           1,
           20,
           18
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1803,6 +1388,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1829,6 +1419,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1854,6 +1449,11 @@
           0.75,
           20,
           2
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },
@@ -1880,6 +1480,11 @@
           3,
           20,
           8
+        ],
+        "line-opacity":[
+          "interpolate", ["linear"], ["zoom"],
+          13, 0.5,
+          15, 0.3
         ]
       }
     },