/* Strip React Flow's chrome so the canvas reads as part of our cards. */

.pg-canvas .react-flow__handle {
  opacity: 0;
  pointer-events: none;
}

.pg-canvas .react-flow__node {
  border: none;
  background: transparent;
  box-shadow: none;
}

.pg-canvas .react-flow__node.selected,
.pg-canvas .react-flow__node:focus,
.pg-canvas .react-flow__node:focus-visible {
  outline: none;
  box-shadow: none;
}

.pg-canvas .react-flow__renderer {
  background: transparent;
}

.pg-canvas .react-flow__pane {
  cursor: default;
}

.pg-canvas .react-flow__edge-path {
  stroke-linecap: round;
}

/* The selectable wrapper React Flow renders around every node has its own
   default border; null it so our internal styling owns the look. */
.pg-canvas .react-flow__node:not(.react-flow__node-tierGroup) > div {
  box-sizing: border-box;
}