/* Keep tile positions relative to the visible map, including transformed app frames. */
.map-tiles {
  position: absolute !important;
  display: grid;
  inset: auto !important;
  left: 0;
  top: 0;
}
.map-tiles img {
  position: static !important;
  display: block;
}
.pin-map > .map-attribution {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 3px 6px;
  background: rgba(255, 255, 255, .88);
  font-size: .55rem;
}

@media (min-width:701px) {
  .mobile-app-page .location-backdrop {
    left: 50%;
    right: auto;
    width: 430px;
    transform: translateX(-50%);
    border-radius: 30px;
  }
  .mobile-app-page .location-panel {
    left: 50%;
    right: auto;
    top: 24px;
    bottom: 24px;
    width: 430px;
    border-radius: 30px;
    transform: translateX(60%);
  }
  .mobile-app-page .location-panel.open {
    transform: translateX(-50%);
  }
}