landcover.mss

// --- Parks, woods, other green things ---

@forest: #bedab3;
@grass: #cfeca8; // also common, garden, village_green
@golfgreen: #b9e382;
@golf_course: #b5e3b5;
@natural: #c6e4b4; // also grassland
@park: #b6fdb6; // also recreation_ground
@wood: #aed1a0;
@vineyard: #abdf96;

// --- sports ---

@stadium: #3c9; // also sports_centre
@track: #74dcba;
@pitch: #8ad3af;

// --- "base" landuses ---

@residential: #E1E1E1;      // Lch(89,0,0)
@residential-line: #B9B9B9; // Lch(75,0,0)
@retail: #f4dfdd;           // Lch(89,16,30)
@retail-line: #D99C95;      // Lch(70,25,30)
@commercial: #ece0df;       // Lch(89,8.5,25)
@commercial-line: #D1B2B0;  // Lch(75,12,25)
@industrial: #EBDBE8;       // Lch(89,9,330)
@industrial-line: #C6B3C3;  // Lch(75,11,330)
@railway: @industrial;
@railway-line: @industrial-line;
@landfill: #d6d6c2;
@farmland: #F4EBDF;
@farmland-line: #C8B69E;    // Lch(75,15,80)

@farmyard: #EFD6B5;         // Lch(87,20,80)
@farmyard-line: #D1B48C;    // Lch(75,25,80)

@meadow: #e8f6d5; 
@farmgrass: #eeefda; 

// --- Other ----

@aerodrome: #ccc;
@allotments: #e5c7ab;
@apron: #e9d1ff;
@attraction: #FBEFF9;
@historic: #f2e9e9;
@barracks: #ffc7c7;
@campsite: #ccff99; // also caravan_site, picnic_site
@cemetery: #aacbaf;
@construction: #9d9d6c;
@desert: #e3b57a;
@field: #660;
@garages: #996;
@heath: #E6E8C5;
@parking: #f7efb7;
@playground: #ccfff1;
@schoolyard: #f1f1f1;
@power: #bbb;
@rest_area: #efc8c8; // also services
@sand: #ffdf88;
@school: #f0f0d8; // also university, college, hospital, kindergarten

@placenames: #222;

#landcover {
 [feature = 'leisure_swimming_pool'][zoom >= 14] {
    polygon-fill: @water-color;
    line-color: saturate(darken(@water-color, 40%), 30%);
    line-width: 0.5;
  }

  [feature = 'leisure_playground'][zoom >= 13] {
    polygon-fill: @playground;
    line-color: saturate(darken(@playground, 60%), 30%);
    line-width: 0.3;
  }

  [feature = 'leisure_schoolyard'][zoom >= 13] {
    polygon-fill: @schoolyard;
    line-color: saturate(darken(@schoolyard, 60%), 30%);
    line-width: 0.3;
  }

  [feature = 'tourism_camp_site'],
  [feature = 'tourism_caravan_site'],
  [feature = 'tourism_picnic_site'] {
    [zoom >= 13] {
      polygon-fill: @campsite;
      polygon-opacity: 0.5;
      line-color: saturate(darken(@campsite, 60%), 30%);
      line-width: 0.3;
    }
  }

  [feature = 'tourism_attraction'][zoom >= 10] {
    polygon-fill: @attraction;
  }

  [feature = 'landuse_historic'][zoom >= 10] {
    polygon-fill: @historic;
  }

  [feature = 'landuse_quarry'],
  [feature = 'landuse_unnamedquarry'] {
    [zoom >= 11] {
      polygon-pattern-file: url('symbols/quarry2.png');
      line-width: 0.5;
      line-color: grey;
    }
  }

  [feature = 'landuse_historicquarry'],
  [feature = 'landuse_unnamedhistoricquarry'] {
    [zoom >= 11] {
      polygon-pattern-file: url('symbols/historic_quarry.png');
      line-width: 0.5;
      line-color: grey;
    }
  }

  [feature = 'landuse_vineyard'] {
    [zoom >= 10][zoom < 13] {
      polygon-fill: @vineyard;
    }
    [zoom >= 13] {
      polygon-pattern-file: url('symbols/vineyard.png');
    }
  }

  [feature = 'landuse_orchard'],
  [feature = 'landuse_unnamedorchard'] {
    [zoom >= 10] {
      polygon-pattern-file: url('symbols/orchard.png');
    }
  }

  [feature = 'landuse_christiancemetery'],
  [feature = 'landuse_unnamedchristiancemetery'] {
    [zoom >= 10][zoom < 14] {
      polygon-fill: @cemetery;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/grave_yard.png');
    }
  }

  [feature = 'landuse_jewishcemetery'],
  [feature = 'landuse_unnamedjewishcemetery'] {
    [zoom >= 10][zoom < 14] {
      polygon-fill: @cemetery;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/cemetery_jewish.18.png');
    }
  }

  [feature = 'landuse_othercemetery'],
  [feature = 'landuse_unnamedothercemetery'] {
    [zoom >= 10][zoom < 14] {
      polygon-fill: @cemetery;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/grave_yard_generic.png');
    }
  }

  [feature = 'landuse_residential'],
  [feature = 'landuse_unnamedresidential'] {
    [zoom >= 10] {
      polygon-fill: @residential;
      [zoom >= 16] {
        line-width: .5;
        line-color: @residential-line;
        [name != ''] {
          line-width: 0.7;
        }
      }
    }
  }

  [feature = 'landuse_garages'][zoom >= 12] {
    polygon-fill: @garages;
    polygon-opacity: 0.2;
  }

  [feature = 'military_barracks'][zoom >= 10] {
    polygon-fill: @barracks;
  }

  [feature = 'landuse_field'] {
    [zoom >= 10] {
      polygon-fill: @field;
      polygon-opacity: 0.2;
      [zoom >= 14] {
        line-width: 0.3;
        line-opacity: 0.4;
        line-color: saturate(darken(@field, 40%), 20%);
      }
    }
  }

  [feature = 'landuse_grass'],
  [feature = 'landuse_unnamedgrass'] {
    [zoom >= 10] {
      polygon-fill: @grass;
    }
  }

  [feature = 'landuse_meadow'],
  [feature = 'landuse_unnamedmeadow'] {
    [zoom >= 10] {
      polygon-fill: @meadow;
    }
  }

  [feature = 'landuse_meadowtransitional'],
  [feature = 'landuse_unnamedmeadowtransitional'] {
    [zoom >= 10] {
      polygon-fill: @meadow;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/scrub_pattern.png');
    }
  }

  [feature = 'landuse_meadowwildflower'],
  [feature = 'landuse_unnamedmeadowwildflower'] {
    [zoom >= 10] {
      polygon-fill: @meadow;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/meadowwildflower_pattern.png');
    }
  }

  [feature = 'landuse_meadowperpetual'],
  [feature = 'landuse_unnamedmeadowperpetual'] {
    [zoom >= 10] {
      polygon-fill: @meadow;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/meadowperpetual_pattern.png');
    }
  }

  [feature = 'landuse_wetmeadow'] {
    [zoom >= 10] {
      polygon-fill: @meadow;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/wet_meadow_pattern.png');
    }
  }

  [feature = 'landuse_saltmarsh'] {
    [zoom >= 10] {
      polygon-pattern-file: url('symbols/saltmarsh_pattern.png');
    }
  }

  [feature = 'landuse_reedbed'] {
    [zoom >= 10] {
      polygon-pattern-file: url('symbols/reedbed_pattern.png');
    }
  }

  [feature = 'landuse_farmgrass'],
  [feature = 'landuse_unnamedfarmgrass'] {
    [zoom >= 10] {
      polygon-fill: @farmgrass;
      [zoom >= 16] {
        line-width: .5;
        line-color: @farmland-line;
      }
    }
  }

  [feature = 'leisure_park'],
  [feature = 'leisure_recreation_ground'] {
    [zoom >= 10] {
      polygon-fill: @park;
      polygon-opacity: 0.6;
    }
  }

  [feature = 'tourism_zoo'][zoom >= 10] {
    polygon-pattern-file: url('symbols/zoo.png');
  }

  [feature = 'leisure_common'][zoom >= 10] {
    polygon-fill: @grass;
  }

  [feature = 'leisure_garden'][zoom >= 10] {
    polygon-fill: @grass;
  }

  [feature = 'leisure_golfgreen'][zoom >= 10] {
    polygon-fill: @golfgreen;
  }

  [feature = 'leisure_golf_course'][zoom >= 10] {
    polygon-fill: @golf_course;
  }

  [feature = 'landuse_allotments'],
  [feature = 'landuse_unnamedallotments'] {
    [zoom >= 10][zoom < 14] {
      polygon-fill: @allotments;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/allotments.png');
    }
  }

  [feature = 'natural_wood'],
  [feature = 'natural_unnamedwood'] {
    [zoom >= 9] {
      polygon-fill: @wood;
    }
  }

  [feature = 'landuse_forest'],
  [feature = 'landuse_unnamedforest'] {
    [zoom >= 9] {
      polygon-fill: @forest;
    }
  }

  [feature = 'natural_broadleaved'],
  [feature = 'natural_unnamedbroadleaved'] {
    [zoom >= 9] {
      polygon-fill: @wood;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/wood_broadleaved_pattern.png');
    }
  }

  [feature = 'natural_needleleaved'],
  [feature = 'natural_unnamedneedleleaved'] {
    [zoom >= 9] {
      polygon-fill: @wood;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/wood_needleleaved_pattern.png');
    }
  }

  [feature = 'natural_mixedleaved'],
  [feature = 'natural_unnamedmixedleaved'] {
    [zoom >= 9] {
      polygon-fill: @wood;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/wood_mixed_pattern.png');
    }
  }

  [feature = 'landuse_farmyard'],
  [feature = 'landuse_unnamedfarmyard'] {
    [zoom >= 9] {
    polygon-fill: @farmyard;
      [zoom >= 16] {
        line-width: 0.5;
        line-color: @farmyard-line;
        [name != ''] {
          line-width: 0.7;
        }
      }
    }
  }

  [feature = 'landuse_farmland'],
  [feature = 'landuse_unnamedfarmland'] {
    [zoom >= 9] {
      polygon-fill: @farmland;
      [zoom >= 16] {
        line-width: .5;
        line-color: @farmland-line;
      }
    }
  }

  [feature = 'landuse_recreation_ground'] {
    [zoom >= 10] {
      polygon-fill: @grass;
    }
  }

  [feature = 'landuse_village_green'][zoom >= 11] {
    polygon-fill: @grass;
  }

  [feature = 'landuse_retail'][zoom >= 10] {
    polygon-fill: @retail;
    [zoom >= 16] {
      line-width: 0.5;
      line-color: @retail-line;
      [name != ''] {
        line-width: 0.7;
      }
    }
  }

  [feature = 'landuse_industrial'],
  [feature = 'landuse_unnamedindustrial'] {
    [zoom >= 10] {
      polygon-fill: @industrial;
      [zoom >= 16] {
        line-width: .5;
        line-color: @industrial-line;
        [name != ''] {
          line-width: 0.7;
        }
      }
    }
  }

  [feature = 'landuse_railway'][zoom >= 10] {
    polygon-fill: @railway;
    [zoom >= 16][name != ''] {
      line-width: 0.7;
      line-color: @railway-line;
    }
  }

  [feature = 'power_station'][zoom >= 10],
  [feature = 'power_generator'][zoom >= 10],
  [feature = 'power_sub_station'][zoom >= 13],
  [feature = 'power_substation'][zoom >= 13] {
      polygon-fill: @power;
      [zoom >= 12] {
        line-width: 0.4;
        line-color: darken(@power, 40%);
      }
  }

  [feature = 'landuse_commercial'],
  [feature = 'landuse_unnamedcommercial'] {
    [zoom >= 10] {
      polygon-fill: @commercial;
      [zoom >= 16] {
        line-width: 0.5;
        line-color: @commercial-line;
        [name != ''] {
          line-width: 0.7;
        }
      }
    }
  }

  [feature = 'landuse_brownfield'],
  [feature = 'landuse_greenfield'],
  [feature = 'landuse_construction'],
  [feature = 'landuse_unnamedconstruction'] {
    [zoom >= 10] {
      polygon-fill: @construction;
      polygon-opacity: 0.7;
    }
  }

  [feature = 'landuse_landfill'],
  [feature = 'landuse_unnamedlandfill'] {
    [zoom >= 10] {
      polygon-fill: @landfill;
      polygon-opacity: 0.7;
    }
  }

  [feature = 'natural_desert'][zoom >= 8] {
    polygon-fill: @desert;
  }

  [feature = 'natural_sand'][zoom >= 10] {
    polygon-fill: @sand;
  }

  [feature = 'natural_tidal_sand'][zoom >= 10] {
    polygon-pattern-file: url('symbols/tidal_sand.png');
  }

  [feature = 'natural_heath'],
  [feature = 'natural_unnamedheath'] {
    [zoom >= 10] {
      polygon-fill: @heath;
    }
  }

  [feature = 'natural_grassland'][zoom >= 10] {
    polygon-fill: #c6e4b4;
  }

  [feature = 'natural_scrub'],
  [feature = 'natural_unnamedscrub'] {
    [zoom >= 10] {
      polygon-fill: #b5e3b5;
    }
    [zoom >= 14] {
      polygon-pattern-file: url('symbols/scrub_pattern.png');
    }
  }

  [feature = 'amenity_university'],
  [feature = 'amenity_college'],
  [feature = 'amenity_school'],
  [feature = 'amenity_hospital'],
  [feature = 'amenity_kindergarten'] {
    [zoom >= 10] {
      polygon-fill: @school;
      [zoom >= 12] {
        line-width: 0.3;
        line-color: brown;
      }
    }
  }

  [feature = 'amenity_parking'][zoom >= 10],
  [feature = 'amenity_parking_pay'][zoom >= 10],
  [feature = 'amenity_parking_freedisabled'][zoom >= 10],
  [feature = 'amenity_parking_paydisabled'][zoom >= 10] {
    polygon-fill: @parking;
    [zoom >= 15] {
      line-width: 0.3;
      line-color: saturate(darken(@parking, 40%), 20%);
    }
  }

  [feature = 'aeroway_apron'][zoom >= 12] {
    polygon-fill: @apron;
  }

  [feature = 'aeroway_aerodrome'][zoom >= 12],
  [feature = 'aeroway_large_aerodrome'][zoom >= 12] {
    polygon-fill: @aerodrome;
    polygon-opacity: 0.2;
    line-width: 0.2;
    line-color: saturate(darken(@aerodrome, 40%), 20%);
  }

  [feature = 'natural_beach'][zoom >= 10] {
    polygon-pattern-file: url('symbols/beach.png');
  }

  [feature = 'natural_tidal_beach'][zoom >= 10] {
    polygon-pattern-file: url('symbols/tidal_beach.png');
  }

  [feature = 'natural_bare_rock'][zoom >= 10] {
    polygon-pattern-file: url('symbols/rocks_pattern.png');
  }

  [feature = 'natural_tidal_rock'][zoom >= 10] {
    polygon-pattern-file: url('symbols/tidal_rocks_pattern.png');
  }

  [feature = 'natural_reef'][zoom >= 13] {
    polygon-pattern-file: url('symbols/reef_pattern.png');
  }

  [feature = 'natural_reefsand'][zoom >= 13] {
    polygon-pattern-file: url('symbols/reefsand_pattern.png');
  }

  [feature = 'natural_scree'][zoom >= 10] {
    polygon-pattern-file: url('symbols/scree_pattern.png');
  }

  [feature = 'natural_tidal_scree'][zoom >= 10] {
    polygon-pattern-file: url('symbols/tidal_scree_pattern.png');
  }

  [feature = 'natural_shingle'][zoom >= 10] {
    polygon-pattern-file: url('symbols/shingle_pattern.png');
  }

  [feature = 'natural_tidal_shingle'][zoom >= 10] {
    polygon-pattern-file: url('symbols/tidal_shingle_pattern.png');
  }

  [feature = 'highway_services'],
  [feature = 'highway_rest_area'] {
    [zoom >= 14] {
      polygon-fill: @rest_area;
    }
  }

  [feature = 'leisure_sports_centre'],
  [feature = 'leisure_stadium'] {
    [zoom >= 10] {
      polygon-fill: @stadium;
    }
  }

  [feature = 'leisure_track'][zoom >= 10] {
    polygon-fill: @track;
    [zoom >= 15] {
      line-width: 0.5;
      line-color: saturate(darken(@track, 40%), 20%);
    }
  }

  [feature = 'leisure_pitch'][zoom >= 10],
  [feature = 'leisure_unnamedpitch'][zoom >= 10] {
    polygon-fill: @pitch;
    [zoom >= 15] {
      line-width: 0.5;
      line-color: saturate(darken(@pitch, 40%), 20%);
    }
  }
}

/* man_made=cutline */
#landcover-line {
  [amenity = 'bench'][zoom >= 17]::amenity {
    point-file: url('symbols/bench.p07.png');
    [zoom >= 19] {
      point-file: url('symbols/bench.p14.png');
    }
    [zoom >= 20] {
      point-file: url('symbols/bench.p21.png');
    }
  }

  [man_made = 'cutline'][zoom >= 14] {
    line-width: 3;
    line-join: round;
    line-cap: square;
    line-color: @land-color;
    [zoom >= 16] {
      line-width: 6;
    }
  }
}

#landuse-overlay {
  [landuse = 'military'][zoom >= 10]::landuse {
    polygon-pattern-file: url('symbols/military_red_hatch.png');
    polygon-pattern-alignment: global;
    line-color: #f55;
    line-width: 3;
    line-opacity: 0.329;
  }
}

#cliffs {
  [natural = 'cliff'][zoom >= 13] {
    line-pattern-file: url('symbols/cliff.png');
    [zoom >= 15] {
      line-pattern-file: url('symbols/cliff2.png');
    }
  }
  [man_made = 'embankment'][zoom >= 17]::man_made {
    line-pattern-file: url('symbols/cliff.png');
  }
  [man_made = 'levee'][zoom >= 14]::man_made {
    line-pattern-file: url('symbols/embankment.png');
  }
  [man_made = 'levee'][zoom >= 17]::man_made {
    line-pattern-file: url('symbols/embankment2.png');
  }
}

#lineartext {
  [natural = 'cliff'][zoom >= 13],
  [man_made = 'embankment'][zoom >= 17],
  [man_made = 'levee'][zoom >= 14],
  [barrier = 'wall'][zoom >= 17],
  [barrier = 'gate'][zoom >= 17] {
    text-name: "[name]";
    text-dy: 9;
    text-face-name: @oblique-fonts;
    text-placement: line;
    text-fill: @placenames;
    text-spacing: 400;
    text-size: 10;
    text-halo-radius: 1;
    [zoom >= 14] { text-size: 12; }
    [zoom >= 20] { text-size: 18; }
  }

  [natural = 'valley'][zoom >= 11] {
    text-name: "[name]";
    text-dy: 9;
    text-face-name: @oblique-fonts;
    text-placement: line;
    text-fill: @placenames;
    text-spacing: 200;
    text-size: 8;
    text-halo-radius: 1;
    [zoom >= 14] { text-size: 10; }
    [zoom >= 16] { 
      text-size: 10; 
      text-spacing: 400;
    }
    [zoom >= 17] { 
      text-size: 10; 
      text-spacing: 600;
    }
    [zoom >= 20] { 
      text-size: 16; 
      text-spacing: 1000;
    }
  }
}

#area-barriers {
  [barrier = 'hedge'] {
    [zoom >= 15] {
      line-color: #444;
      line-width: 0.4;
      polygon-fill: #aed1a0;
    }
  }

  [barrier = 'hedgeline'] {
    [zoom >= 14]
    {
      line-width: 1; 
      [zoom >= 16] { line-width: 3; }
      [zoom >= 19] { line-width: 6; }
      [zoom >= 20] { line-width: 12; }
      [zoom >= 21] { line-width: 24; }
      [zoom >= 22] { line-width: 48; }

      line-color: #aed1a0;
      line-cap: round;
    }
  }

}

.barriers {
  [barrier = 'wall'] {
    [zoom >= 14]
    {
      line-width: 0.4;
      [zoom >= 16] { line-width: 0.8; }
      [zoom >= 19] { line-width: 1.6; }
      [zoom >= 20] { line-width: 3.2; }
      [zoom >= 21] { line-width: 4.8; }
      [zoom >= 22] { line-width: 6.4; }
      
      line-color: #444;
      line-cap: round;
    }
  }

  [barrier = 'stile'] {
    [zoom >= 14] 
    { 
      line-width: 0.3; 
      [zoom >= 16] { line-width: 0.6; }
      [zoom >= 19] { line-width: 1.2; }
      [zoom >= 20] { line-width: 2.4; }
      [zoom >= 21] { line-width: 3.6; }
      [zoom >= 22] { line-width: 4.8; }

      line-color: black;
      line-cap: round;
    }
  }

  [barrier = 'fence'],
  [barrier = 'kerb'] {
    [zoom >= 14] 
    {
      line-width: 0.2; 
      [zoom >= 16] { line-width: 0.4; }
      [zoom >= 19] { line-width: 0.8; }
      [zoom >= 20] { line-width: 1.6; }
      [zoom >= 21] { line-width: 2.4; }
      [zoom >= 22] { line-width: 3.2; }

      line-color: #444;
      line-cap: round;
    }
  }

  [barrier = 'pitchline'] {
    [zoom >= 14] 
    {
      line-width: 0.2; 
      [zoom >= 16] { line-width: 0.4; }
      [zoom >= 19] { line-width: 0.8; }
      [zoom >= 20] { line-width: 1.6; }
      [zoom >= 21] { line-width: 2.4; }
      [zoom >= 22] { line-width: 3.2; }

      line-color: white;
      line-cap: round;
    }
  }

  [barrier = 'hedge'],
  [barrier = 'hedgeline'] {
    [zoom >= 14]
    {
      line-width: 1; 
      [zoom >= 16] { line-width: 3; }
      [zoom >= 19] { line-width: 6; }
      [zoom >= 20] { line-width: 12; }
      [zoom >= 21] { line-width: 24; }
      [zoom >= 22] { line-width: 48; }

      line-color: #aed1a0;
      line-cap: round;
    }
  }

  [barrier = 'gate'] {
    [zoom >= 14]
    {
      line-width: 1;
      [zoom >= 16] { line-width: 2; }
      [zoom >= 19] { line-width: 4; }
      [zoom >= 20] { line-width: 8; }
      [zoom >= 21] { line-width: 12; }
      [zoom >= 22] { line-width: 16; }

      line-color: #444;
    }
  }

  [barrier = 'cattle_grid'] {
    [zoom >= 16]
    {
      line-width: 3;
      b/line-width: 1;

      [zoom >= 19] {
        line-width: 6;
        b/line-width: 2;
      }
      [zoom >= 20] {
        line-width: 12;
        b/line-width: 4;
      }
      [zoom >= 21] {
        line-width: 24;
        b/line-width: 8;
      }
      [zoom >= 22] {
        line-width: 48;
        b/line-width: 16;
      }

      b/line-color: white;
      b/line-join: round;
      line-color: #444;
    }
  }

  [barrier = 'ford'] {
    [zoom >= 16]
    {
      line-width: 3;
      b/line-width: 1;

      [zoom >= 19] {
        line-width: 6;
        b/line-width: 2;
      }
      [zoom >= 20] {
        line-width: 12;
        b/line-width: 4;
      }
      [zoom >= 21] {
        line-width: 24;
        b/line-width: 8;
      }
      [zoom >= 22] {
        line-width: 48;
        b/line-width: 16;
      }

      b/line-color: white;
      b/line-join: round;
      line-color: @water-color;
    }
  }
}

#tree-row {
  [natural = 'tree_row'][zoom >= 16] {
    line-pattern-file: url('symbols/tree_row.png');
    [zoom >= 17] {
      line-pattern-file: url('symbols/tree_row2.png');
    }
  }
}

#theme-park {
  [tourism = 'theme_park'][zoom >= 13] {
    line-color: #734a08;
    line-width: 1.5;
    line-dasharray: 9,3;
    line-opacity: 0.6;
    [zoom >= 15] {
      line-width: 2.5;
    }
  }
}