#map-container,
#map {
  height: 100%;
  width: 100%;
}

.leaflet-container {
  font-family: inherit;
}

/* Colored pin divIcon */
.ptg-pin-icon {
  display: block;
  overflow: visible;
}

.ptg-pin-icon svg {
  display: block;
}

.leaflet-popup-content {
  font-size: 0.85rem;
  word-break: break-word;
  overflow-wrap: break-word;
}

.pin-popup-note {
  color: var(--color-text-muted);
  margin: 0.35em 0;
}

/* URLs are exempt from word-breaking and may overflow the bubble */
.pin-popup-url {
  word-break: normal;
  overflow-wrap: normal;
  white-space: nowrap;
}

.pin-popup-edit {
  background: transparent;
  border: none;
  color: var(--color-primary);
  padding: 0;
  font-size: 0.85rem;
}