.map {
  height: 15rem;
  background: white;
}
.map, .map canvas {
  border-radius: var(--regular-border-radius) !important;
}
.map canvas {
  filter: sepia(7%) !important;
  -webkit-filter: sepia(7%) !important;
}

.location_marker {
  color: ;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.location_marker .icon {
  width: 3em;
  height: 3em;
}


.location_marker {
  border-radius: 50%;
  border: 8px solid var(--color-primary);
  width: 8px;
  height: 8px;
}

.location_marker:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  bottom: -30px;
  left: -6px;
  border: 10px solid transparent;
  border-top: 17px solid var(--color-primary);
}