.leaflet-popup {
  & img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  }
  margin-bottom: 10px;
}
.leaflet-popup-content {
  margin: 1rem;
  width: 400px;
  height: auto;
}
.leaflet-top .leaflet-control {
    margin-top: 1rem;
}
.leaflet-left .leaflet-control {
    margin-left: 1rem;
}
.my-custom-marker {
	border-radius: 100%;
	background: #000000;
	opacity: .3;
}

a {
  color: var(--color-link);
}

.leaflet-tile-pane img {
    margin-bottom: -1px;
}

.leaflet-tile {
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE/Edge */
}

.leaflet-container {
  font-family: inherit;
  font-size: inherit;
}

.leaflet-control-attribution {
  font-size: .5rem;
  margin-right: .5rem;
}

.leaflet-interactive:hover, .leaflet-interactive:focus{
  border-color: var(--bg);
  background-color: var(--link);
}