/* Guided visual-to-script connector. It appears only when a short, clean route is available. */
.guided-connector {
  position: absolute;
  inset: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.guided-connector .guided-connector-underlay {
  fill: none;
  stroke: color-mix(in srgb, var(--wb-bg) 96%, #000);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .82;
}
.guided-connector .guided-connector-line {
  fill: none;
  stroke: #35bfff;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  marker-end: url(#guidedArrowHead);
  filter: none;
}
.guided-connector marker path { fill: #35bfff; stroke: none; }
.guided-connector circle { display: none; }
.guided-connector.is-hidden { display: none; }

[data-focus].is-link-source {
  border-color: #35bfff !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #35bfff 20%, transparent) !important;
}
.code-line.is-link-target {
  border-left-color: #35bfff;
  background: linear-gradient(90deg, color-mix(in srgb, #35bfff 11%, transparent), transparent 70%);
}