#network--view {
  z-index: 10;
  transition: 0.3s all linear;
}

#network--view:not(.locked) {
  box-shadow: -2px -2px 10px #6d29b5b8 inset;
}

#network--view.locked {
  box-shadow: -2px -2px 10px #b52929b8 inset;
}

#network-loader {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 29;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
  #network-loader>p {
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: "mononoki";
    color: var(--primary-darker);
    text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.5);
  }

#dependency-graph {
  width: 100%;
  height: 100%;
}