#belair-park-map-root {
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:#173f34;
  color:#fff;
}

#belair-park-map-root.active {
  display:block;
}

.park-map-fullscreen {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:#173f34;
  overflow:hidden;
}

.park-map-full-image {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#fff;
  user-select:none;
  -webkit-user-drag:none;
}

.park-map-back {
  position:absolute;
  top:max(14px, env(safe-area-inset-top));
  left:max(14px, env(safe-area-inset-left));
  z-index:2;
  border:0;
  border-radius:999px;
  padding:11px 17px;
  background:rgba(23,63,52,.94);
  color:#fff;
  font:inherit;
  font-weight:850;
  box-shadow:0 5px 18px rgba(0,0,0,.28);
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.park-map-back:active {
  transform:scale(.98);
}

.park-map-nav-icon {
  font-size:17px;
}

.belair-park-map-open {
  overflow:hidden;
}

@media (max-width:900px) {
  #belair-park-map-root {
    z-index:2147480400;
    bottom:calc(
      var(--belair-mobile-nav-height, 76px) +
      env(safe-area-inset-bottom)
    );
  }

  .park-map-back {
    padding:10px 15px;
    font-size:14px;
  }
}

@media (orientation:portrait) and (max-width:900px) {
  .park-map-full-image {
    object-fit:contain;
    background:#eef3ef;
  }
}

@media print {
  body > *:not(#belair-park-map-root) {
    display:none !important;
  }

  #belair-park-map-root {
    display:block !important;
    position:static;
    background:#fff;
  }

  .park-map-fullscreen {
    height:auto;
    background:#fff;
  }

  .park-map-back {
    display:none !important;
  }

  .park-map-full-image {
    width:100%;
    height:auto;
    object-fit:contain;
  }
}