.viewContainer {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: var(--background-primary);
}

.recenterButton {
  position: absolute;
  bottom: 60px;
  right: 60px;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px #00000014,
    0 9px 28px 8px #0000000d;
}

.graphContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.recenterCard {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 250px;
  z-index: 50;
  box-shadow:
    0 3px 6px -4px #0000001f,
    0 6px 16px #00000014,
    0 9px 28px 8px #0000001d;
}

.recenterButton:focus:not(:hover) {
  color: unset;
  border-color: unset;
}

.centered {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}