@body-bg: #fff;
@primaryColor: #1890ff;
@light-border: 1px solid #d9d9d9;

:global {
  .flow-user-custom-clz {
    position: relative;
    height: 600px;
    border: @light-border;

    .xflow-x6-canvas {
      background: @body-bg;
    }

    .xflow-node-dnd-panel-node-wrapper {
      .xflow-dnd-node {
        width: 190px;
      }
    }

    .xflow-canvas-dnd-node-tree {
      border-right: @light-border;
    }

    .xflow-workspace-toolbar-top {
      border-bottom: @light-border;
    }

    .xflow-workspace-toolbar-bottom {
      text-align: center;
      background: #fff;
      border-top: @light-border;
    }
  }

  .xflow-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
  .xflow-json-schema-form-footer {
    display: none;
  }
  .flowchart-demo {
    .__dumi-default-previewer-actions {
      border: 0;
    }
  }
}