/* 
  A simple neural network visualization component.
  It uses SVG to draw the neural network.
  The component is customizable in the javascript file.
*/

neuralnet-component {
  /* Note this element will resize to fit its parent, which must be relatively sized */
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
}

neuralnet-component svg {
  width: 100%;
  height: 100%;
}

/* SVG styles */
neuralnet-component svg .neuron {
  fill: var(--light-purple);
  opacity: 1;
  z-index: 2;
  position: relative;
}

neuralnet-component svg .connection {
  stroke: var(--light-purple);
  stroke-width: 2px;
  opacity: 0.15;
  z-index: 1;
  position: relative;
}

neuralnet-component svg .spark {
  fill: var(--orange);
  opacity: 1;
  z-index: 3;
  position: relative;
}