@import "../../../../../../../../styles/base";
.node {
    cursor: pointer;
    transition: stroke-width 0.5s ease-out,
        fill 0.5s ease-out,
        stroke 0.5s ease-out;
    stroke: white;
    stroke-width: 0.25;
}

.node-shadow {
  fill: #868686;
}

.node-name {
  cursor: pointer;
  font-family: 'Arial', sans-serif;
  text-anchor: middle;
  font-weight: bold;
  fill: $dark-blue;
  baseline-shift: -10px;
  dominant-baseline: hanging;
}

.node-codec {
  cursor: pointer;
  font-family: 'Arial', sans-serif;
  text-anchor: middle;
  font-weight: bold;
  fill: $codec-color;
  dominant-baseline: hanging;
}

.node-id {
  cursor: pointer;
  font-family: 'Arial', sans-serif;
  text-anchor: middle;
  font-weight: bold;
  fill: $dark-blue;
}

.node-base, .node-content {
  fill: white;
}