/* Alpha.7 radar viewport: 20% more height at each existing breakpoint.
 * Load after monitor-layout.css and the screen layout stylesheets. */
.radar-station .radar-glass > .map-canvas {
  height: clamp(672px, 84vh, 1032px);
  min-height: 672px;
  max-height: none;
}

@media (max-width: 1100px) {
  .radar-station .radar-glass > .map-canvas {
    height: 696px;
  }
}

@media (max-width: 960px) {
  .radar-station .radar-glass > .map-canvas {
    height: 72vh;
    min-height: 576px;
  }
}

@media (max-width: 600px) {
  .radar-station .radar-glass > .map-canvas {
    height: 78vh;
    min-height: 540px;
  }
}

@media (min-width: 1440px) {
  .radar-station .radar-glass > .map-canvas {
    height: clamp(552px, 67.2dvh, 984px);
    min-height: 552px;
  }
}

@media (min-width: 1440px) and (max-height: 900px) {
  .radar-station .radar-glass > .map-canvas {
    height: clamp(456px, 64.8dvh, 624px);
    min-height: 456px;
  }
}