.port-map-canvas {
  width: 100%;
  height: min(72vh, 720px);
  min-height: 420px;
  border-radius: 6px;
  overflow: hidden;
  background: #d7e8f4;
}

.port-map-picker-canvas {
  width: 100%;
  height: min(68vh, 680px);
  min-height: 380px;
  border-radius: 6px;
  overflow: hidden;
  background: #d7e8f4;
}

.port-map-popup-title {
  font-weight: 700;
  margin-bottom: 4px;
}

.port-map-popup-text {
  max-width: 280px;
}

.port-map-popup-text p:last-child {
  margin-bottom: 0;
}

.port-route-point-count {
  min-width: 9rem;
}