:host {
  display: block;
  height: 100%;
  width: 100%;
}

:host ::content {
  font-size: 11px;
}

:host ::content .axis {
  display: none !important;
}

:host ::content .line {
  stroke: #000;
}

:host ::content .line.dotted {
  stroke-dasharray: 8px;
}

:host ::content .line.ref {
  opacity: 0.3;
  stroke: #900;
}

:host ::content .line.ref.i-hold {
  stroke: #63666a;
}

:host ::content .line.ref.tdead {
  stroke: #f4b821;
}

:host ::content .line.vds {
  stroke: #02688c;
  stroke-width: 2px;
}

:host ::content .line.i-hold {
  stroke: #4caf50;
  stroke-width: 2px;
}

:host ::content .line.i-strong {
  stroke: #c00;
  stroke-width: 2px;
}

:host ::content .line.v-inx {
  fill: transparent;
  stroke: #000;
  stroke-width: 2px;
}

:host ::content .line.v-gx {
  fill: transparent;
  stroke: #000;
  stroke-width: 2px;
}

:host ::content .line.i-drive {
  fill: transparent;
  stroke: #1c99c4;
  stroke-width: 2px;
}

:host ::content .line.i-gate {
  stroke: #1c99c4;
  stroke-width: 2px;
}

:host ::content .line-name.vds {
  fill: #02688c;
  stroke: none;
}

:host ::content .line-name.i-gate {
  fill: #1c99c4;
  stroke: none;
}

:host ::content .path {
  fill: none;
}

:host ::content .text {
  font-family: Roboto-medium;
  font-weight: bold;
}

:host ::content .text.end {
  text-anchor: end;
}

:host ::content .text.hang {
  alignment-baseline: hanging;
}

:host ::content .text.i-gate {
  fill: #1c99c4;
  stroke: none;
}

:host ::content .text.i-hold {
  fill: #63666a;
  stroke: none;
}

:host ::content .text.middle {
  alignment-baseline: middle;
}

:host ::content .text.tdead {
  fill: #f4b821;
  stroke: none;
}

:host ::content .text.tdrive {
  fill: #900;
  stroke: none;
}

:host ::content .text.vds {
  fill: #02688c;
  stroke: none;
}

:host ::content .black-label {
  fill: #000;
  font-size: 11px;
  font-weight: bold;
}

:host ::content .green-label {
  fill: #4caf50;
  font-size: 11px;
  font-weight: bold;
}

:host ::content .red-label {
  fill: #c00;
  font-size: 11px;
  font-weight: bold;
}

:host ::content .blue-label {
  fill: #1c99c4;
  font-size: 11px;
  font-weight: bold;
}

#sgd_graph {
  height: 100%;
  width: 100%;
}