Styles for a Mapbox Studio map of bike ride data

basemap.mss

// Common Colors //
@water: #456;

#road, #bridge {
  line-color: #abc;
  comp-op: soft-light;
  opacity: 0.75;
} 

#mapbox_satellite_full,
#mapbox_satellite_watermask  {
  raster-opacity: 1;
  image-filters: scale-hsla( 0,1, 0,0, 0,0.3, 0,1 );
}

#admin[admin_level=2] {
  [maritime=0] {
    ::case {
      opacity: 0.1;
      line-color: @water;
      line-join: round;
      line-cap: round;
      line-width: 3;
      [zoom>=6] { line-width: 5; }
    }
    ::fill {
      opacity: 0.1;
      line-color: white;
      line-join: round;
      line-cap: round;
      line-width: 0.6;
      [zoom>=6] { line-width: 1; }
    }
  }
  [maritime=1] { line-color: #345; line-dasharray: 3,2; }
}

#admin[admin_level=4][maritime=0] {
  ::case {
    line-opacity: 0.1;
    line-color: @water; 
    line-join: round;
    line-cap: round;
    line-width: 3;
  }
  ::fill {
    line-opacity: 0.1;
    line-color: white;
    line-join: round;
    line-cap: round;
    line-width: 0.6;
    line-dasharray: 2,2;
  }
}

rides.mss

#ride_gpx_tracks {
  line-width: 1;
  line-color: rgba(67, 222, 252, 0.4);
}

#ride_gpx_tracks::heat {
  line-width: 1;
  line-color: rgba(255, 255, 255, 0.1);
}

 #ride_gpx_tracks::glow {
  line-width: 3;
  line-color: rgba(255, 255, 255, 0.04);
  image-filters: agg-stack-blur(6,6);
}