.leaflet-container {
  height: 100%;
  font: unset !important;
  --popup-width: 290px;
  --popup-padding: 22.5px;
}
@media (min-width: 1024px) {
  .leaflet-container {
    --popup-width: 30vw;
    --popup-padding: 3vw;
  }
}
@media (min-width: 1900px) {
  .leaflet-container {
    --popup-width: 572px;
    --popup-padding: 57px;
  }
}
.leaflet-container a {
  color: unset;
}
.leaflet-container .leaflet-control-zoom {
  border: 0 none;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
.leaflet-container .marker-cluster,
.leaflet-container .leaflet-control-zoom a {
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 3rem;
  border-radius: 50% !important;
}
.leaflet-container .leaflet-control-zoom a + a{
  margin-top: .5rem;
}
.leaflet-container .marker-cluster {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  background-color: #000;
  color: #B6A99B;
  text-align: center;
  font-variant: normal;
}
.leaflet-container .marker-cluster[data-size="small"] {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
.leaflet-container .marker-cluster[data-size="medium"] {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
}
.leaflet-container .marker-cluster[data-size="large"] {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
}

/* Popup */
.leaflet-container a.leaflet-popup-close-button {
  right: auto;
  left: calc(var(--popup-width) - 20px);
  padding: 10px;
  width: auto;
  height: auto;
  pointer-events: auto;
}
.leaflet-container .leaflet-popup-content-wrapper {
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
}
.leaflet-container .leaflet-popup-content {
  background-color: white;
  width: var(--popup-width) !important;
  margin: 0;
  padding: var(--popup-padding);
  box-shadow: 3px 3px 2px rgba(0,0,0,.12);
}
.leaflet-container .leaflet-popup-tip-container {
  display: none;
}