.delivery-plans-canvas-overlay {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  opacity: 0.7; }

.delivery-plans-canvas {
  z-index: 11; }
  .delivery-plans-canvas .delivery-plans-canvas-path {
    stroke: rgba( 0, 0, 0 ,  1 );
    stroke: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    stroke-width: 4;
    fill: none; }
    .delivery-plans-canvas .delivery-plans-canvas-path.invalid-dependency {
      stroke: rgba(232, 17, 35, 1);
      stroke: var(--palette-error,rgba(232, 17, 35, 1)); }
  .delivery-plans-canvas .invalid-dependency-fill {
    fill: rgba(232, 17, 35, 1);
    fill: var(--palette-error,rgba(232, 17, 35, 1)); }
  .delivery-plans-canvas .valid-dependency-fill {
    fill: rgba( 0, 0, 0 ,  1 );
    fill: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ); }