.page-map #map { background: #e4ebee; }
.page-map .map-date-legend { top: 4.25rem; }
.page-map .maplibregl-ctrl-group button { width: 36px; height: 36px; }
.page-map .maplibregl-ctrl-attrib { font-size: 10px; max-width: calc(100vw - 24px); }
.location-vector-tooltip { max-width: min(310px, calc(100vw - 24px)) !important; }
.location-vector-tooltip .maplibregl-popup-content { padding: 0; background: #121920; color: #f4f7f9; border-radius: 6px; }
.location-vector-tooltip .eclipse-tooltip { margin: 0; white-space: normal; overflow-wrap: anywhere; }
.location-vector-tooltip .maplibregl-popup-close-button { color: #fff; padding: 2px 6px; z-index: 1; }
.location-vector-tooltip .maplibregl-popup-tip { border-top-color: #121920; }
.location-vector-tooltip:not(:has(.maplibregl-popup-close-button)) { pointer-events: none; }

@media (max-width: 640px) {
  .page-map #mapProjection { top: 4.6rem; right: 0.75rem; }
  .page-map .maplibregl-ctrl-top-left { top: 4rem; }
  .page-map .maplibregl-ctrl-bottom-right { bottom: calc(4.15rem + env(safe-area-inset-bottom)); }
  .page-map:has(.next-eclipse-peek:not([hidden])) .maplibregl-ctrl-bottom-right { bottom: calc(10rem + env(safe-area-inset-bottom)); }
  .page-map.has-mobile-sheet #mapProjection,
  .page-map.has-mobile-sheet .maplibregl-ctrl { visibility: hidden; }
}