/* Responsive content-framing camera for the Connections map. */
.connections-layout {
  align-items: start !important;
}

.graph-viewport {
  --camera-height: 176px;
  height: var(--camera-height) !important;
  min-height: 0 !important;
  max-height: min(68vh, 680px);
  overflow: auto;
  transition: opacity 220ms ease;
}

.graph-viewport:not(.is-camera-ready) {
  opacity: .01;
}

.graph-viewport.is-camera-ready {
  opacity: 1;
}

.profile-panel {
  min-height: 0 !important;
}

@media (max-width: 1080px) {
  .graph-viewport {
    max-height: min(68vh, 620px);
  }
}

@media (max-width: 700px) {
  .graph-viewport {
    --camera-height: 168px;
    max-height: min(64vh, 560px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .graph-viewport {
    transition: none;
  }
}