/* Home bait-map preview: static zoomed-out basemap, plus a live map only in Enhanced mode. */
.hm-preview-wrap{position:relative}
.hm-preview-wrap .hm-preview{
  position:relative;
  display:block;
  height:auto;
  aspect-ratio:var(--hm-ar, 1280/1232);
  overflow:hidden;
  border:2px solid #0C0D0B;
  box-shadow:3px 3px 0 rgba(212,255,58,.55);
  background:#c7d5c8;
  background-image:none;
  text-decoration:none;
}
.hm-preview-wrap .hm-preview picture,
.hm-preview-wrap .hm-preview img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.hm-preview-wrap .hm-preview img{object-fit:cover}
.hm-live{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0;
  pointer-events:none;
  background:transparent;
}
.hm-preview.is-live .hm-live{opacity:1}
.hm-preview.is-live .hm-pins{opacity:0}
.hm-live .leaflet-container{
  width:100%;
  height:100%;
  background:#c7d5c8;
  font:inherit;
}
.hm-live .leaflet-control-attribution{display:none}
.hm-live .leaflet-div-icon{background:transparent;border:0}
.hm-pins{position:absolute;inset:0;display:block;pointer-events:none;z-index:1}
.hm-pin{
  position:absolute;
  opacity:1;
  transform:translate(-50%,-50%) scale(.86);
  transform-origin:center center;
  pointer-events:none;
  z-index:2;
  animation:hm-pin-in .55s ease-out backwards;
}
.hm-live .hm-pin{position:relative;left:auto;top:auto;transform:scale(.86)}
.hm-pin .bm-pin{width:22px;height:22px;background:#F2F2EC;border:2px solid #0C0D0B;box-shadow:2px 2px 0 rgba(12,13,11,.85);display:block;box-sizing:border-box}
.hm-pin .bm-pin-switched{
  width:28px;height:28px;border-radius:50%;background:#D4FF3A;border:2px solid #0C0D0B;
  box-shadow:0 0 0 4px rgba(212,255,58,.55), 2px 2px 0 #0C0D0B;
  display:grid;place-items:center;box-sizing:border-box
}
.hm-pin .bm-pin-switched svg{display:block}
.hm-pin .bm-pin-switched.is-featured{width:32px;height:32px;box-shadow:0 0 0 5px rgba(212,255,58,.7), 3px 3px 0 #0C0D0B}
.hm-pin .bm-pin-sealed{
  width:26px;height:26px;background:#F2F2EC;border:2px solid #0C0D0B;
  box-shadow:2px 2px 0 rgba(12,13,11,.85);display:grid;place-items:center;box-sizing:border-box
}
.hm-pin .bm-pin-sealed::after{content:"";width:14px;height:6px;background:#D4FF3A;border:2px solid #0C0D0B}
.hm-pin .bm-pin-poison{background:#D7263D}
.hm-pin-new{z-index:5}
.hm-pin-new::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:34px;height:34px;
  margin:-17px 0 0 -17px;
  border:2px solid #0C0D0B;
  border-radius:50%;
  box-shadow:0 0 0 2px rgba(212,255,58,.85);
  animation:hm-pin-pulse 2.6s ease-out infinite;
  pointer-events:none;
}
@keyframes hm-pin-in{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}
  70%{opacity:1;transform:translate(-50%,-50%) scale(.95)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(.86)}
}
@keyframes hm-pin-pulse{
  0%{transform:scale(.65);opacity:.85}
  70%{transform:scale(1.45);opacity:0}
  100%{transform:scale(1.45);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .hm-pin{animation:none}
  .hm-pin-new::before{animation:none;opacity:.65;transform:scale(1.05)}
}
html:not(.fx-on) .hm-pin{animation:none}
html:not(.fx-on) .hm-pin-new::before{animation:none;opacity:0}

.hm-preview-attr{
  position:absolute;
  right:0;bottom:0;
  z-index:3;
  margin:0;
  padding:1px 5px 0;
  background:rgba(242,242,236,.92);
  color:#5c5e57;
  font:10px/1.4 "Instrument Sans",system-ui,sans-serif;
  border-top:1px solid #0C0D0B;
  border-left:1px solid #0C0D0B;
}
.hm-preview-attr a{color:#0C0D0B;text-decoration:none}
.hm-preview-attr a:hover,.hm-preview-attr a:focus-visible{text-decoration:underline;background:#D4FF3A}
.hm-near{
  margin:0;
  font:650 14px/1.35 "Instrument Sans",sans-serif;
  min-height:0;
}
.hm-near[hidden]{display:none}

.hm-live .bm-cluster,
.hm-pins .hm-cluster{
  display:grid;place-items:center;position:relative;
  box-sizing:border-box;border:2px solid #0C0D0B;
  box-shadow:2px 2px 0 rgba(12,13,11,.85);
  background:#F2F2EC;color:#0C0D0B;
  font:800 11px/1 "Source Serif 4", "Iowan Old Style", serif;
  border-radius:50%;
  pointer-events:none;
}
.hm-live .bm-cluster-sm,.hm-pins .hm-cluster-sm{width:28px;height:28px;font-size:11px}
.hm-live .bm-cluster-md,.hm-pins .hm-cluster-md{width:34px;height:34px;font-size:12px}
.hm-live .bm-cluster-lg,.hm-pins .hm-cluster-lg{width:40px;height:40px;font-size:13px}
.hm-live .bm-cluster-n,.hm-pins .hm-cluster-n{position:relative;z-index:1}
.hm-live .bm-cluster-ring,.hm-pins .hm-cluster-ring{
  position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);
  pointer-events:none;display:block
}
.hm-live .bm-cluster-poison,.hm-pins .hm-cluster-poison{background:#D7263D;color:#F2F2EC}
.hm-live .bm-cluster-switched,.hm-pins .hm-cluster-switched{background:#D4FF3A;color:#0C0D0B}
.hm-live .bm-cluster-sealed,.hm-pins .hm-cluster-sealed{background:#F2F2EC;color:#0C0D0B}
.hm-live .bm-cluster-sealed::after,.hm-pins .hm-cluster-sealed::after{
  content:"";position:absolute;left:50%;bottom:4px;width:8px;height:2px;
  background:#D4FF3A;border:1.5px solid #0C0D0B;transform:translateX(-50%);z-index:1
}
.hm-live .bm-cluster-seen,.hm-pins .hm-cluster-seen{background:#F2F2EC}
.hm-live .bm-cluster-mix,.hm-pins .hm-cluster-mix{background:#F2F2EC}
.hm-pins .hm-cluster{position:absolute;transform:translate(-50%,-50%);z-index:3}
