<commit_before>%title-sub
  margin-bottom: 0.4em
  text-transform: uppercase
  font-weight: 600
  font-size: 20px

$red: #e63831
$blue: #1837a0
$turquoise: #5bd8d0

$break-s: 800px
$break: 1300px

.map-nav
  position: absolute
  right: 1rem
  bottom: 1rem
  padding: 1rem
  z-index: 999
  background-color: white
  border: 5px solid black

  ul
    list-style: none
    padding: 0
    margin: 0
  a
    @extend %title-sub
    text-decoration: none
    &:hover,
    &:active
      text-decoration: underline
      color: inherit

  @each $country, $color in (de, red), (at, blue), (ch, turquoise)
    &.is-#{$country}
      .#{$country}
        color: $color

// overwrite leaflet styles
$country-color: ("de": $red, "at": $blue, "ch": $turquoise)

@each $country, $color in $country-color
  .is-#{$country}
    .marker-cluster-small
      background-color: rgba($color, .6)
      div
        background-color: $color

.leaflet-bar,
.leaflet-touch .leaflet-bar // explicit overwrite for chrome
  box-shadow: none
  border-radius: 0
  border: 5px solid black
  a:not(:last-child)
    box-sizing: content-box
    border-bottom: 5px solid black
    &.leaflet-control-zoom-in:hover,
    &.leaflet-control-zoom-in:focus,
    &.leaflet-control-zoom-in:active
      border-bottom: inherit

.leaflet-right .leaflet-control
  margin-right: 1rem

.leaflet-top .leaflet-control
  margin-top: 1rem

.leaflet-control
  a
    font-family: Roboto
    font-weight: 600


.l-map
  @media (max-width: $break-s)
    padding: 2em<commit_msg>adjust color in medium clusters, white numbers for AT<commit_after>%title-sub
  margin-bottom: 0.4em
  text-transform: uppercase
  font-weight: 600
  font-size: 20px

$red: #e63831
$blue: #1837a0
$turquoise: #5bd8d0

$break-s: 800px
$break: 1300px

.map-nav
  position: absolute
  right: 1rem
  bottom: 1rem
  padding: 1rem
  z-index: 999
  background-color: white
  border: 5px solid black

  ul
    list-style: none
    padding: 0
    margin: 0
  a
    @extend %title-sub
    text-decoration: none
    &:hover,
    &:active
      text-decoration: underline
      color: inherit

  @each $country, $color in (de, red), (at, blue), (ch, turquoise)
    &.is-#{$country}
      .#{$country}
        color: $color

// overwrite leaflet styles
$country-color: ("de": $red, "at": $blue, "ch": $turquoise)

@each $country, $color in $country-color
  .is-#{$country}
    .marker-cluster-small,
    .marker-cluster-medium
      background-color: rgba($color, .6)
      div
        background-color: $color
      @if $country == 'at'
        color: white

.leaflet-bar,
.leaflet-touch .leaflet-bar // explicit overwrite for chrome
  box-shadow: none
  border-radius: 0
  border: 5px solid black
  a:not(:last-child)
    box-sizing: content-box
    border-bottom: 5px solid black
    &.leaflet-control-zoom-in:hover,
    &.leaflet-control-zoom-in:focus,
    &.leaflet-control-zoom-in:active
      border-bottom: inherit

.leaflet-right .leaflet-control
  margin-right: 1rem

.leaflet-top .leaflet-control
  margin-top: 1rem

.leaflet-control
  a
    font-family: Roboto
    font-weight: 600


.l-map
  @media (max-width: $break-s)
    padding: 2em
{'fraction_non_alphanumeric': 0.13371356147021546, 'fraction_numerical': 0.029150823827629912, 'mean_word_length': 2.835965978128797, 'pattern_counts': {'":': 6, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4016370', 'n_tokens_mistral': 1246, 'n_tokens_neox': 1145, 'n_words': 289}