/* One side rail keeps canvas editing tools in a predictable reading order. */
.canvas-complete .canvas-tools {
  right: 14px;
  bottom: 216px;
  left: auto;
  top: auto;
  z-index: 5;
}

.canvas-complete .react-flow__controls {
  right: 14px;
  bottom: 106px;
  left: auto;
}

@media (max-width: 1250px) {
  .canvas-complete .canvas-tools {
    right: 12px;
    bottom: 124px;
    left: auto;
    top: auto;
  }

  .canvas-complete .react-flow__controls {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 800px) {
  .canvas-complete .canvas-tools {
    right: auto;
    bottom: auto;
    left: 10px;
    top: 12px;
  }

  .canvas-complete .react-flow__controls {
    right: auto;
    bottom: 5px;
    left: 12px;
  }
}