it3s/meppit

.map {
  .leaflet-tile {
    filter: grayscale(80%) brightness(105%) opacity(60%);
    -moz-filter: grayscale(80%) brightness(105%) opacity(60%);
    -webkit-filter: grayscale(80%) brightness(105%) opacity(60%);
  }

  #map-layers {
    width: 250px;
    position: absolute;
    bottom: 25px;
    right: 25px;
    max-height: 60%;
    font-size: 0.75em;
    background-color: $white;
    padding: 10px;
    overflow-y: auto;
  }

  .map-container {
    background: $white;
  }

  .selector {
    margin: 0;
    padding: 10px;

    .h2 {
      margin-bottom: 20px;
    }

    .explanation {
      margin-bottom: 30px;
      padding: 0;
    }

    .options {
      text-align: center;
    }

    .option {
      width: 100px;
    }

  }
}