#openStreamGraphDialog {
  background-color: hsl(0, 0%, 15%);
  border: solid 0.2vmin hsl(0, 0%, 60%);
  transition: all 0.2s ease;
  border-radius: 0.5vmin;
  position: absolute;
  right: 20.8vmin;
  top: 1.5vmin;
  width: 4vmin;
  height: 4vmin;
  align-items: center;
  align-content: center;
}

#sg_dialog {
  color: white;
  z-index: 100;
  background-color: rgb(0, 0, 0);
  position: absolute;
  max-width: none;
  border: none;

}

#sg_controls {
  background-color: rgb(0, 0, 0);
  padding: 6px;
  margin: auto
}

#close_sg_dialog {
  position: absolute;
  align-items: center;
  top: 1rem;
  right: 3rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  overflow: auto;
  box-shadow: 0 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
  overflow: hidden;
}

#close_sg_dialog img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  filter: invert(0.5) brightness(1.5);
}

#close_sg_dialog:hover img {
  filter: invert(0.5) brightness(5);
}