/* WasteSpot 3.5.27: clickable city context layer for the Recycling Centers atlas. */
#wastespot-atlas.wa2 .wa2-map {
  position: relative !important;
}

#wastespot-atlas.wa2 .wa2-geography {
  position: relative;
  z-index: 1;
}

#wastespot-atlas.wa2 .wa2-labels {
  z-index: 2;
}

#wastespot-atlas.wa2 .wa2-city-labels-v3526 {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526 {
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  cursor: zoom-in;
}

#wastespot-atlas.wa2 .wa2-markers {
  z-index: 4;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526 {
  position: absolute;
  display: grid;
  min-width: 58px;
  max-width: 164px;
  padding: 5px 8px 6px;
  border: 1px solid rgba(28, 64, 50, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 3px 11px rgba(18, 44, 35, .13) !important;
  color: #17392c;
  text-align: center;
  line-height: 1.12;
  transform: translate(-50%, calc(-100% - 8px)) !important;
  white-space: nowrap;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526:hover,
#wastespot-atlas.wa2 .wa2-city-label-v3526:focus-visible {
  border-color: rgba(23, 104, 75, .72);
  background: #f7fff9;
  box-shadow: 0 7px 20px rgba(18, 44, 35, .22) !important;
  color: #0e4b37;
  outline: none;
  transform: translate(-50%, calc(-100% - 9px)) !important;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526:focus-visible {
  box-shadow: 0 0 0 3px rgba(32, 162, 97, .22), 0 7px 20px rgba(18, 44, 35, .20) !important;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526::after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  width: 5px;
  height: 5px;
  border: 2px solid rgba(255, 255, 255, .96);
  border-radius: 50%;
  background: #245f47;
  box-shadow: 0 1px 4px rgba(18, 44, 35, .2);
  content: "";
  transform: translateX(-50%);
}

#wastespot-atlas.wa2 .wa2-city-label-v3526 strong {
  display: block;
  overflow: hidden;
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -.01em;
  text-overflow: ellipsis;
}

#wastespot-atlas.wa2 .wa2-city-label-v3526 small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #66796f;
  font-size: 9px;
  font-weight: 500;
  text-overflow: ellipsis;
}

#wastespot-atlas.wa2 .wa2-map-tools,
#wastespot-atlas.wa2 .wa2-map-status,
#wastespot-atlas.wa2 .wa2-country-hint {
  z-index: 7;
}

@media (max-width: 680px) {
  #wastespot-atlas.wa2 .wa2-city-label-v3526 {
    min-width: 52px;
    max-width: 128px;
    padding: 4px 6px 5px;
  }

  #wastespot-atlas.wa2 .wa2-city-label-v3526 strong {
    font-size: 10px;
  }

  #wastespot-atlas.wa2 .wa2-city-label-v3526 small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wastespot-atlas.wa2 .wa2-city-label-v3526 {
    transition: none !important;
  }
}