.wfw-map-box {
  position: relative;
  width: 100%;
  aspect-ratio: 1408/654;
  border-radius: 12px;
  overflow: hidden;
  background: #e8f5f3;
}
.wfw-map-box--error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-size: 0.875rem;
  color: #333;
}
.wfw-map-box .mapboxgl-canvas {
  outline: none;
}
.wfw-map-box .mapboxgl-ctrl-logo,
.wfw-map-box a.mapboxgl-ctrl-logo,
.wfw-map-box .mapboxgl-ctrl-attrib,
.wfw-map-box .mapboxgl-ctrl-attrib-button {
  display: none !important;
}

.wfw-map-box__marker {
  position: relative;
  width: 30px;
  height: 38px;
  cursor: pointer;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.3));
}

.wfw-map-box__marker-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  transform-origin: center center;
  background: var(--Pin-Map-Color, #00625a);
  box-sizing: border-box;
}
.wfw-map-box__marker-inner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: #fff;
}