/* 
  all the relevant CSS for the network graph related page content 
*/

#Toxit-SubredditGraph {
  height: 100%;
  background-image: var(--node-bkg-img);
  background-size: cover;
}

.loader {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  z-index: 666;
  margin: 0.5rem;
  cursor: pointer;
}

.loader .spinner {
  border: 0.5rem solid #787878;
  border-top: 0.5rem solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  display: inline-block;
}

.loader:hover::after {
  content: 'X';
  font-size: 3.5rem;
  font-family: cursive;
  color: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* 
  Very important CSS for network
  fixes the tooltip for VisJs and allows on hover context tool tips
*/
.vis-tooltip {
  /* position: absolute !important; */
  width: fit-content !important;
  white-space: break-spaces !important;
  color: var(--font-color) !important;
  background-color: var(--primary-color-L) !important;
  border: var(--border-weight) ridge var(--border-color) !important;
  /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none; */
  padding: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  /* z-index: 5; */
}