.go-flow-chart-graph {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;

  .x6-node-tool-editor.x6-cell-tool-editor {
    min-width: 60px !important;
  }

  &-graph {
    width: 100%;
    height: 100%;
  }

  &-mini-map {
    position: absolute;
    right: 20px;
    bottom: 20px;

    .x6-widget-minimap-viewport {
      border: 1px solid #e0e0e0;
    }
  }
}

.go-flow-chart-graph-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
}

.x6-node {
  .x6-port-body {
    visibility: hidden !important;
  }

  &:hover {
    .x6-port-body {
      visibility: visible !important;
    }
  }
}

.x6-node.x6-node-selected {
  .x6-port-body {
    visibility: visible !important;
  }
}