/* coordinates-display */

.hud-panel-coordinates {
  top: var(--hud-offset);
  right: var(--hud-offset);
  border-radius: var(--hud-radius);
  padding: var(--hud-panel-padding-sm) var(--hud-panel-padding);
  z-index: 10;
  font-size: var(--hud-font-size);
  min-width: calc(180px * var(--hud-scale));
}

.hud-panel-coordinates .coord-item {
  margin-bottom: var(--hud-gap-xs);
}

.hud-panel-coordinates .earth-zoom-level {
  margin-top: var(--hud-gap-xs);
  color: #ffff44;
  font-weight: 500;
  text-align: center;
  font-size: calc(1rem * var(--hud-scale));
}

.hud-panel-coordinates .earth-mouse-coords {
  font-size: var(--hud-font-size-sm);
  color: #aaa;
  margin-top: var(--hud-gap-xs);
  padding-top: var(--hud-gap-xs);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}