.leaflet-bar.large-map-zoom {
  overflow: hidden;
  border: 1px solid rgba(22, 34, 23, 0.24);
  border-radius: 6px;
  box-shadow: 0 10px 28px rgba(22, 34, 23, 0.22);
}

.leaflet-bar.large-map-zoom a,
.leaflet-bar.large-map-zoom a:hover,
.leaflet-bar.large-map-zoom a:focus {
  width: 60px;
  height: 60px;
  border-color: rgba(22, 34, 23, 0.18);
  color: #28472e;
  background: rgba(255, 252, 244, 0.97);
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 56px;
  text-align: center;
}

.leaflet-bar.large-map-zoom a:hover,
.leaflet-bar.large-map-zoom a:focus-visible {
  color: #fff;
  background: #28472e;
}

.leaflet-bar.large-map-zoom .leaflet-control-zoom-out {
  line-height: 52px;
}

.leaflet-top.leaflet-right .large-map-zoom {
  margin-top: 16px;
  margin-right: 16px;
}

.wildfire-story .risk-map .leaflet-top.leaflet-right {
  transition: top 180ms ease;
}

.wildfire-story .risk-map.has-map-top-controls .leaflet-top.leaflet-right {
  top: 66px;
}

.map-edge-pan {
  position: absolute;
  inset: 0;
  z-index: 650;
  pointer-events: none;
}

.map-edge-pan-button {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}

.map-edge-pan-button svg {
  position: absolute;
  width: 80px;
  height: 28px;
  overflow: visible;
  filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.86));
}

.map-edge-pan-button path {
  fill: none;
  stroke: rgba(17, 17, 17, 0.78);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  transition: stroke 120ms ease, stroke-width 120ms ease;
}

.map-edge-pan-button:hover path,
.map-edge-pan-button:focus-visible path,
.map-edge-pan-button.is-panning path {
  stroke: #000;
  stroke-width: 2.25;
}

.map-edge-pan-button:focus-visible {
  outline: 1px dashed rgba(17, 17, 17, 0.58);
  outline-offset: -3px;
}

.map-edge-pan-north,
.map-edge-pan-south {
  right: 68px;
  left: 68px;
  height: 60px;
}

.map-edge-pan-east,
.map-edge-pan-west {
  top: 68px;
  bottom: 68px;
  width: 60px;
}

.map-edge-pan-north { top: 0; }
.map-edge-pan-east { right: 0; }
.map-edge-pan-south { bottom: 0; }
.map-edge-pan-west { left: 0; }

.map-edge-pan-north svg {
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.map-edge-pan-east svg {
  top: 50%;
  right: -18px;
  transform: translateY(-50%) rotate(90deg);
}

.map-edge-pan-south svg {
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.map-edge-pan-west svg {
  top: 50%;
  left: -18px;
  transform: translateY(-50%) rotate(-90deg);
}

@media (max-width: 700px) {
  .leaflet-bar.large-map-zoom a,
  .leaflet-bar.large-map-zoom a:hover,
  .leaflet-bar.large-map-zoom a:focus {
    width: 54px;
    height: 54px;
    font-size: 36px;
    line-height: 50px;
  }

  .leaflet-bar.large-map-zoom .leaflet-control-zoom-out {
    line-height: 46px;
  }

  .map-edge-pan-north,
  .map-edge-pan-south {
    height: 68px;
  }

  .map-edge-pan-east,
  .map-edge-pan-west {
    width: 68px;
  }
}