2   legend: https://wiki.openstreetmap.org/wiki/OpenStreetMap_Carto/Symbols
 
   4     # transportation: roads.mss
 
   5     - { min_zoom:  6, name: motorway, width: 52, height:  1, line: "#e66e89", line-width: 1 }
 
   6     - { min_zoom:  7, name: motorway, width: 52, height:  3, line: "#e66e89", line-width: 1.5 }
 
   7     - { min_zoom:  9, name: motorway, width: 52, height:  2, line: "#e66e89", line-width: 2 }
 
   8     - { min_zoom: 12, name: motorway, width: 52, height:  5, fill: "#e892a2", casing: "#dc2a67", casing-width: 0.5 }
 
   9     - { min_zoom: 15, name: motorway, width: 52, height: 10, fill: "#e892a2", casing: "#dc2a67" }
 
  10     - { min_zoom:  6, name: main_road, width: 52, height: 3, line: "#f6967a", line-width: 1 }
 
  11     - { min_zoom:  7, name: main_road, width: 52, height: 3, line: "#f6967a", line-width: 1.25 }
 
  12     - { min_zoom:  8, name: main_road, image: mainroad8.svg }
 
  13     - { min_zoom:  9, name: main_road, image: mainroad9.svg }
 
  14     - { min_zoom: 12, name: main_road, image: mainroad12.svg }
 
  15     - { min_zoom: 15, name: main_road, image: mainroad15.svg }
 
  16     - { min_zoom: 13, name: track, width: 52, height: 3, opacity: .8, line: "#996600", line-width: 1.5, line-dasharray: "6 5" }
 
  17     - { min_zoom: 13, name: bridleway, width: 52, height: 3, line: green, line-width: 1.25, line-dasharray: "4 2" }
 
  18     - { min_zoom: 13, name: cycleway, width: 52, height: 1, line: blue, line-dasharray: "3 3.5" }
 
  19     - { min_zoom: 13, name: footway, width: 52, height: 3, line: salmon, line-width: 1.3, line-dasharray: "3 3.5" }
 
  20     - { min_zoom:  8, name: rail, width: 52, height: 1, fill: "#787878" }
 
  21     - { min_zoom: 12, name: rail, width: 52, height: 3, fill: "#707070", line: white, line-dasharray: 8, line-dashoffset: 2 }
 
  22     - { min_zoom: 18, name: rail, width: 52, height: 4, fill: "#707070", line: white, line-dasharray: 8, line-dashoffset: 2, line-width: 2 }
 
  23     - { min_zoom: 12, name: subway, width: 52, height: 2, fill: "#999" }
 
  24     - { min_zoom:  8, name: light_rail, width: 52, height: 1, fill: "#ccc" }
 
  25     - { min_zoom: 10, name: light_rail, width: 52, height: 1, fill: "#aaa" }
 
  26     - { min_zoom: 13, name: light_rail, width: 52, height: 2, fill: "#666" }
 
  27     - { min_zoom: 12, name: tram, width: 52, height: 1, line: "#6e6e6e", line-width: 0.75 }
 
  28     - { min_zoom: 14, name: tram, width: 52, height: 3, line: "#6e6e6e", line-width: 1 }
 
  29     - { min_zoom: 15, name: tram, width: 52, height: 3, line: "#6e6e6e", line-width: 1.5 }
 
  30     - { min_zoom: 17, name: tram, width: 52, height: 2, line: "#6e6e6e", line-width: 2 }
 
  31     - { min_zoom: 12, name: [cable_car, chair_lift], image: cable.png }
 
  32     - { min_zoom: 11, name: [runway, taxiway], image: runway11.svg }
 
  33     - { min_zoom: 12, name: [runway, taxiway], image: runway12.svg }
 
  34     - { min_zoom: 13, name: [runway, taxiway], image: runway13.svg }
 
  35     - { min_zoom: 14, name: [runway, taxiway], image: runway14.svg }
 
  36     - { min_zoom: 11, name: apron, width: 26, height: 10, fill: "#dadae0" } # landcover.mss
 
  37     # administrative boundaries: admin.mss
 
  38     - { name: admin, width: 52, height: 2, fill: "#8d618b88" }
 
  39     # places: placenames.mss
 
  40     - { min_zoom: 4, max_zoom: 6, name: capital, image: capital4.svg }
 
  41     - { min_zoom: 7, max_zoom: 7, name: capital, image: capital7.svg }
 
  42     - { min_zoom: 4, max_zoom: 5, name: city, image: city4.svg }
 
  43     - { min_zoom: 6, max_zoom: 7, name: city, image: city6.svg }
 
  44     # landcover z5: landcover.mss, water.mss
 
  45     - { name: [lake, reservoir], width: 26, height: 10, fill: "#aad3df" }
 
  46     - { name: intermittent_water, image: intermittent_water.svg }
 
  47     - { min_zoom:  5, name: glacier, width: 26, height: 10, fill: "#ddecec", border: "#9cf" }
 
  48     - { min_zoom: 10, name: glacier, width: 26, height: 10, fill: "#ddecec", border: "#9cf", border-dasharray: "4 2" }
 
  49     - { min_zoom: 10, name: reef, image: reef.png }
 
  50     - { min_zoom: 10, name: wetland, image: wetland.png }
 
  51     - { min_zoom:  5, name: [forest, wood], width: 26, height: 10, fill: "#bddab1" }
 
  52     - { min_zoom: 12, name: [forest, wood], width: 26, height: 10, fill: "#add19e" }
 
  53     - { min_zoom:  5, name: [orchard, vineyard], width: 26, height: 10, fill: "#bee5b5" }
 
  54     - { min_zoom: 12, name: [orchard, vineyard], width: 26, height: 10, fill: "#aedfa3" }
 
  55     - { min_zoom:  5, name: [grass, meadow], width: 26, height: 10, fill: "#d7efc0" }
 
  56     - { min_zoom: 12, name: [grass, meadow], width: 26, height: 10, fill: "#cdebb0" }
 
  57     - { min_zoom:  5, name: farmland, width: 26, height: 10, fill: "#f1f3dd" }
 
  58     - { min_zoom: 12, name: farmland, width: 26, height: 10, fill: "#eef0d5" }
 
  59     - { min_zoom:  5, name: heathland, width: 26, height: 10, fill: "#dee1b2" }
 
  60     - { min_zoom: 12, name: heathland, width: 26, height: 10, fill: "#d6d99f" }
 
  61     - { min_zoom:  5, name: scrubland, width: 26, height: 10, fill: "#d3dfbc" }
 
  62     - { min_zoom: 12, name: scrubland, width: 26, height: 10, fill: "#c8d7ab" }
 
  63     - { min_zoom:  5, name: bare_rock, width: 26, height: 10, fill: "#f1eae3" }
 
  64     - { min_zoom: 12, name: bare_rock, width: 26, height: 10, fill: "#eee5dc" }
 
  65     - { min_zoom:  5, name: sand, width: 26, height: 10, fill: "#f7edd1" }
 
  66     - { min_zoom: 12, name: sand, width: 26, height: 10, fill: "#f5e9c6" }
 
  67     # landuse z8, z10: landcover.mss
 
  68     - { min_zoom: 10, name: park, width: 26, height: 10, fill: "#c8facc" }
 
  69     - { min_zoom: 10, name: golf, width: 26, height: 10, fill: "#def6c0" }
 
  70     - { min_zoom:  8, name: built_up, width: 26, height: 10, fill: "#d9d9d9" }
 
  71     - { min_zoom: 12, max_zoom: 12, name: built_up, width: 26, height: 10, fill: "#dddddd" }
 
  72     - { min_zoom: 13, name: resident, width: 26, height: 10, fill: "#e0dfdf" }
 
  73     - { min_zoom: 13, name: retail, width: 26, height: 10, fill: "#ffd6d1" }
 
  74     - { min_zoom: 13, name: commercial, width: 26, height: 10, fill: "#f2dad9" }
 
  75     - { min_zoom: 13, name: industrial, width: 26, height: 10, fill: "#ebdbe8" }
 
  76     - { min_zoom: 10, name: farm, width: 26, height: 10, fill: "#f7e3c8" }
 
  77     - { min_zoom: 12, name: farm, width: 26, height: 10, fill: "#f5dcba" }
 
  78     - { min_zoom: 10, name: brownfield, width: 26, height: 10, fill: "#d2d2c3" }
 
  79     - { min_zoom: 12, name: brownfield, width: 26, height: 10, fill: "#c7c7b4" }
 
  80     - { min_zoom: 10, name: cemetery, width: 26, height: 10, fill: "#bbd5be" }
 
  81     - { min_zoom: 12, name: cemetery, width: 26, height: 10, fill: "#aacbaf" }
 
  82     - { min_zoom: 10, name: allotments, width: 26, height: 10, fill: "#d4e6cc" }
 
  83     - { min_zoom: 12, name: allotments, width: 26, height: 10, fill: "#c9e1bf" }
 
  84     - { min_zoom: 11, name: pitch, width: 26, height: 10, fill: "#88e0be" }
 
  85     - { min_zoom: 11, name: centre, width: 26, height: 10, fill: "#dffce2" }
 
  86     - { min_zoom: 10, name: reserve, image: reserve.svg } # admin.mss
 
  87     - { min_zoom:  8, name: military, image: military.svg }
 
  88     - { min_zoom: 13, name: [school, university, hospital], image: school.svg }
 
  89     # buildings: buildings.mss
 
  90     - { min_zoom: 14, name: building, width: 10, height: 10, fill: "#ab9793" }
 
  91     - { min_zoom: 15, name: building, width: 10, height: 10, fill: "#b9a99c", border: "#a99a8d" }
 
  92     - { min_zoom: 16, name: building, width: 10, height: 10, fill: "#c4b6ab", border: "#a99a8d" }
 
  93     # stations: stations.mss, amenity-points.mss
 
  94     - { min_zoom: 12, max_zoom: 12, name: station, width: 4, height: 4, fill: "#7981b0" }
 
  95     - { min_zoom: 13, max_zoom: 13, name: station, width: 6, height: 6, fill: "#7981b0" }
 
  96     - { min_zoom: 13, max_zoom: 13, name: railway_halt, width: 4, height: 4, fill: "#7981b0" }
 
  97     - { min_zoom: 14, max_zoom: 14, name: [station, subway_station], width: 6, height: 6, fill: "#7981b0" }
 
  98     - { min_zoom: 14, max_zoom: 14, name: [railway_halt, tram_stop], width: 4, height: 4, fill: "#7981b0" }
 
  99     - { min_zoom: 15, name: station, width: 9, height: 9, fill: "#7981b0" }
 
 100     - { min_zoom: 15, name: [railway_halt, subway_station, tram_stop], width: 6, height: 6, fill: "#7981b0" }
 
 101     - { min_zoom: 16, name: bus_stop, width: 6, height: 6, fill: "#0092da" }
 
 103     - { min_zoom: 11, name: [summit, peak], image: summit.svg } # amenity-points.mss
 
 104     - { min_zoom: 13, name: tunnel, width: 50, height: 5, casing: grey, casing-dasharray: "4 2", casing-dashoffset: 1 } # roads.mss
 
 105     - { min_zoom: 13, name: bridge, width: 50, height: 5, casing: black } # roads.mss
 
 106     - { min_zoom: 15, name: private, image: private.png }
 
 107     - { min_zoom: 15, name: destination, image: destination.png }
 
 108     - { min_zoom: 12, name: construction, image: construction.png }
 
 110   legend: https://www.cyclosm.org/legend.html
 
 112     # bicycle routes: roads.mss, road-colors.mss
 
 113     - { min_zoom:  2, name: international_bike_route, width: 50, height:  1, fill: "#ff00ff", opacity: 0.75 }
 
 114     - { min_zoom:  8, name: international_bike_route, width: 50, height:  1, fill: "#ff00ff", opacity: 0.6 }
 
 115     - { min_zoom:  9, name: international_bike_route, width: 50, height:  2, fill: "#ff00ff", opacity: 0.6 }
 
 116     - { min_zoom: 11, name: international_bike_route, width: 50, height:  3, fill: "#ff00ff", opacity: 0.25 }
 
 117     - { min_zoom: 12, name: international_bike_route, width: 50, height:  4, fill: "#ff00ff", opacity: 0.25 }
 
 118     - { min_zoom: 14, name: international_bike_route, width: 50, height:  5, fill: "#ff00ff", opacity: 0.25 }
 
 119     - { min_zoom: 15, name: international_bike_route, width: 50, height:  6, fill: "#ff00ff", opacity: 0.25 }
 
 120     - { min_zoom: 16, name: international_bike_route, width: 50, height:  7, fill: "#ff00ff", opacity: 0.25 }
 
 121     - { min_zoom: 17, name: international_bike_route, width: 50, height: 10, fill: "#ff00ff", opacity: 0.25 }
 
 122     - { min_zoom: 18, name: international_bike_route, width: 50, height: 14, fill: "#ff00ff", opacity: 0.25 }
 
 123     - { min_zoom:  5, name: national_bike_route,      width: 50, height:  1, fill: "#aa00ff", opacity: 0.75 }
 
 124     - { min_zoom:  8, name: national_bike_route,      width: 50, height:  1, fill: "#aa00ff", opacity: 0.6 }
 
 125     - { min_zoom:  9, name: national_bike_route,      width: 50, height:  2, fill: "#aa00ff", opacity: 0.6 }
 
 126     - { min_zoom: 11, name: national_bike_route,      width: 50, height:  3, fill: "#aa00ff", opacity: 0.25 }
 
 127     - { min_zoom: 12, name: national_bike_route,      width: 50, height:  4, fill: "#aa00ff", opacity: 0.25 }
 
 128     - { min_zoom: 14, name: national_bike_route,      width: 50, height:  5, fill: "#aa00ff", opacity: 0.25 }
 
 129     - { min_zoom: 15, name: national_bike_route,      width: 50, height:  6, fill: "#aa00ff", opacity: 0.25 }
 
 130     - { min_zoom: 16, name: national_bike_route,      width: 50, height:  7, fill: "#aa00ff", opacity: 0.25 }
 
 131     - { min_zoom: 17, name: national_bike_route,      width: 50, height: 10, fill: "#aa00ff", opacity: 0.25 }
 
 132     - { min_zoom: 18, name: national_bike_route,      width: 50, height: 14, fill: "#aa00ff", opacity: 0.25 }
 
 133     - { min_zoom:  8, name: regional_bike_route,      width: 50, height:  1, fill: "#5500ff", opacity: 0.6 }
 
 134     - { min_zoom:  9, name: regional_bike_route,      width: 50, height:  2, fill: "#5500ff", opacity: 0.6 }
 
 135     - { min_zoom: 11, name: regional_bike_route,      width: 50, height:  3, fill: "#5500ff", opacity: 0.25 }
 
 136     - { min_zoom: 12, name: regional_bike_route,      width: 50, height:  4, fill: "#5500ff", opacity: 0.25 }
 
 137     - { min_zoom: 14, name: regional_bike_route,      width: 50, height:  5, fill: "#5500ff", opacity: 0.25 }
 
 138     - { min_zoom: 15, name: regional_bike_route,      width: 50, height:  6, fill: "#5500ff", opacity: 0.25 }
 
 139     - { min_zoom: 16, name: regional_bike_route,      width: 50, height:  7, fill: "#5500ff", opacity: 0.25 }
 
 140     - { min_zoom: 17, name: regional_bike_route,      width: 50, height: 10, fill: "#5500ff", opacity: 0.25 }
 
 141     - { min_zoom: 18, name: regional_bike_route,      width: 50, height: 14, fill: "#5500ff", opacity: 0.25 }
 
 142     - { min_zoom: 11, name: local_bike_route,         width: 50, height:  3, fill: "#0000ff", opacity: 0.25 }
 
 143     - { min_zoom: 12, name: local_bike_route,         width: 50, height:  4, fill: "#0000ff", opacity: 0.25 }
 
 144     - { min_zoom: 14, name: local_bike_route,         width: 50, height:  5, fill: "#0000ff", opacity: 0.25 }
 
 145     - { min_zoom: 15, name: local_bike_route,         width: 50, height:  6, fill: "#0000ff", opacity: 0.25 }
 
 146     - { min_zoom: 16, name: local_bike_route,         width: 50, height:  7, fill: "#0000ff", opacity: 0.25 }
 
 147     - { min_zoom: 17, name: local_bike_route,         width: 50, height: 10, fill: "#0000ff", opacity: 0.25 }
 
 148     - { min_zoom: 18, name: local_bike_route,         width: 50, height: 14, fill: "#0000ff", opacity: 0.25 }
 
 150   legend: https://www.opencyclemap.org/docs/
 
 152     - { min_zoom:  5, name: motorway, width: 50, height: 2, fill: "#9a9ab1" }
 
 153     - { min_zoom:  9, name: motorway, width: 50, height: 3, fill: "#9a9ab1" }
 
 154     - { min_zoom: 12, name: motorway, width: 50, height: 5, fill: "#bdbece", casing: "#8d95a7" }
 
 155     - { min_zoom: 13, name: motorway, width: 50, height: 9, fill: "#bdbece", casing: "#8d95a7" }
 
 156     - { min_zoom:  6, name: trunk, width: 50, height: 2, fill: "#c8d8c8" }
 
 157     - { min_zoom: 12, name: trunk, width: 50, height: 4, fill: "#c8d8c8", casing: "#abb5a4" }
 
 158     - { min_zoom: 13, name: trunk, width: 50, height: 8, fill: "#c8d8c8", casing: "#abb5a4" }
 
 159     - { min_zoom:  8, name: primary, width: 50, height: 2, fill: "#d8c8c8" }
 
 160     - { min_zoom: 12, name: primary, width: 50, height: 4, fill: "#f0e3e3", casing: "#d4b6b7" }
 
 161     - { min_zoom: 13, name: primary, width: 50, height: 8, fill: "#f0e3e3", casing: "#d4b6b7" }
 
 162     - { min_zoom: 10, name: secondary, width: 50, height: 1, fill: "#dadacc" }
 
 163     - { min_zoom: 12, name: secondary, width: 50, height: 4, fill: "#ededc8", casing: "#c8b48a" }
 
 164     - { min_zoom: 13, name: secondary, width: 50, height: 7, fill: "#ededc8", casing: "#c8b48a" }
 
 165     - { min_zoom: 15, name: pedestrian, width: 50, height: 6, fill: "#e2e3e2", casing: "#9a9a9a" }
 
 166     - { min_zoom: 13, name: track, width: 50, height: 3, fill: white, casing: "#999", casing-dasharray: "5 3", casing-dashoffset: 1 }
 
 167     - { min_zoom: 15, name: track, width: 50, height: 4, fill: white, casing: "#999", casing-dasharray: "5 3", casing-dashoffset: 1 }
 
 168     - { min_zoom: 17, name: track, width: 50, height: 5, fill: white, casing: "#999", casing-dasharray: "5 3", casing-dashoffset: 1 }
 
 169     - { min_zoom: 13, name: bridleway, width: 52, height: 3, line: green, line-width: 1.5, line-dasharray: "4 2" }
 
 170     - { min_zoom:  8, name: cycleway, width: 50, height: 3, line: "#0100fe", line-width: 1.5, line-dasharray: "6 2" }
 
 171     - { min_zoom:  5, name: national_bike_route, width: 50, height:  2, fill: "#fe0000" }
 
 172     - { min_zoom: 12, name: national_bike_route, width: 50, height:  3, fill: "#fe0000" }
 
 173     - { min_zoom: 13, name: national_bike_route, width: 50, height: 12, fill: "#ffb3b3" }
 
 174     - { min_zoom:  7, name: regional_bike_route, width: 50, height:  2, fill: "#b638fb" }
 
 175     - { min_zoom: 12, name: regional_bike_route, width: 50, height:  3, fill: "#b638fb" }
 
 176     - { min_zoom: 13, name: regional_bike_route, width: 50, height: 10, fill: "#ddb5d9" }
 
 177     - { min_zoom:  8, name: local_bike_route, width: 50, height: 2, fill: "#0100fe" }
 
 178     - { min_zoom: 12, name: local_bike_route, width: 50, height: 3, fill: "#0100fe" }
 
 179     - { min_zoom: 13, name: local_bike_route, width: 50, height: 8, fill: "#b2b2ff" }
 
 180     - { min_zoom: 10, name: mountain_bike_route, width: 50, height: 2, fill: "#ff7b1c" }
 
 181     - { min_zoom: 13, name: mountain_bike_route, width: 50, height: 6, fill: "#fbcaa3" }
 
 182     - { min_zoom: 13, name: footway, width: 50, height: 3, line: "#bd6d6e", line-width: 1.5, line-dasharray: "6 2" }
 
 183     - { min_zoom:  7, name: rail, width: 50, height: 3, line: "#999999", line-width: 1.5 }
 
 184     - { min_zoom: 14, name: rail, width: 50, height: 4, fill: "#999999", line: white, line-dasharray: 4, line-width: 2 }
 
 185     - { min_zoom:  1, name: [lake, reservoir], width: 26, height: 10, fill: "#addeff" }
 
 186     - { min_zoom:  9, name: [forest, wood], width: 26, height: 10, fill: "#b3d6a4" }
 
 187     - { min_zoom: 10, name: meadow, width: 26, height: 10, fill: "#c0de9c" }
 
 188     - { min_zoom: 10, name: park, width: 26, height: 10, fill: "#cbe4c4" }
 
 189     - { min_zoom: 10, name: common, width: 26, height: 10, fill: "#d4f0d1" }
 
 190     - { min_zoom: 10, name: heathland, width: 26, height: 10, fill: "#eaf0d6" }
 
 191     - { min_zoom: 11, max_zoom: 13, name: resident, width: 26, height: 10, fill: "#e2e2e2" }
 
 192     - { min_zoom: 11, name: industrial, width: 26, height: 10, fill: "#f1dede" }
 
 193     - { min_zoom: 11, name: allotments, width: 26, height: 10, fill: "#d7d7b1" }
 
 194     - { min_zoom: 12, name: cemetery, width: 26, height: 10, fill: "#abcfb1" }
 
 195     - { min_zoom: 12, name: pitch, width: 26, height: 10, fill: "#ade0c5" }
 
 196     - { min_zoom: 13, name: centre, width: 26, height: 10, fill: "#b4e9cd" }
 
 197     - { min_zoom: 13, name: beach, image: beach.png }
 
 198     - { min_zoom: 13, name: [school, university], width: 26, height: 10, fill: "#f0f0d8" }
 
 199     - { min_zoom: 14, name: bicycle_shop, image: bicycle_shop.png }
 
 200     - { min_zoom: 15, name: bicycle_rental, image: bicycle_rental_small.svg }
 
 201     - { min_zoom: 17, name: bicycle_rental, image: bicycle_rental.png }
 
 202     - { min_zoom: 15, name: bicycle_parking, image: bicycle_parking.png }
 
 203     - { min_zoom: 16, name: bicycle_parking_small, image: bicycle_parking_small.svg }
 
 204     - { min_zoom: 16, name: toilets, image: toilets.png }