.connectionGroup {
  cursor: pointer;
}

/* Apply shadow only to the base stroke to avoid blurring stripes */
.connectionGroup:hover .connectionBase {
  filter: var(--node-editor-connection-hover-shadow);
}

.connectionGroup[data-selected="true"] .connectionBase {
  filter: var(--node-editor-connection-selected-shadow);
}

.connectionGroup[data-hovered="true"] {
  opacity: var(--node-editor-connection-hover-opacity);
}

.connectionGroup[data-dragging="true"] {
  opacity: var(--node-editor-connection-dragging-opacity);
}

.connectionBase {
  transition: var(--node-editor-connection-base-transition);
}

.connectionArrowOverlay {
  pointer-events: none;
  fill: none;
  stroke: transparent;
  vector-effect: non-scaling-stroke;
}

/* Specific path classes */