html,
body.legacy-stage3 {
  width: 100%;
  height: 100%;
  min-height: 640px;
  overflow: hidden;
}

body.legacy-stage3 {
  display: grid;
  grid-template-rows: 62px minmax(0, 1fr) 66px;
  padding: 0;
  background: #07111d;
}

.legacy-stage3 .platform-nav {
  position: relative;
  grid-row: 1;
}

.legacy-stage3-content {
  position: relative;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.legacy-stage3-content > #map,
.legacy-stage3-content > .fallback {
  width: 100%;
  height: 100%;
}

.legacy-stage3-content > .layout {
  position: absolute;
  inset: 0;
}

.legacy-stage3 .panel,
.legacy-stage3 .side {
  font-size: 15px;
  line-height: 1.6;
}

.legacy-stage3 .panel h1,
.legacy-stage3 .side h1 {
  font-size: 20px;
  line-height: 1.3;
}

.legacy-stage3 .muted,
.legacy-stage3 .field label,
.legacy-stage3 .layers label,
.legacy-stage3 .view-tabs a {
  font-size: 14px;
}

.legacy-stage3 .field select,
.legacy-stage3 .field button,
.legacy-stage3 .switches button,
.legacy-stage3 .buttons button,
.legacy-stage3 .buttons a {
  font-size: 14px;
}

.legacy-stage3 .metric span {
  font-size: 13px;
}

.legacy-stage3 .metric b {
  font-size: 15px;
}

.legacy-stage3 .rotation-control {
  bottom: 14px;
}

.legacy-stage3 .unified-footer {
  grid-row: 3;
}

@media (max-width: 980px) {
  body.legacy-stage3 {
    grid-template-rows: 100px minmax(0, 1fr) 66px;
  }
}

@media (max-width: 720px) {
  html,
  body.legacy-stage3 {
    min-height: 760px;
  }

  .legacy-stage3 .layout {
    position: absolute;
    display: grid;
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(210px, 34%) minmax(0, 1fr);
    overflow: auto;
  }

  .legacy-stage3 .layout .right {
    display: none;
  }
}