@import '../../style/themes/default.less';

@component-prefix-cls: ~'@{qn-prefix}-dagre';

.@{component-prefix-cls} {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 200px;
  overflow: auto;
  &-svgContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  &-curve {
    fill: none;
    stroke-width: 1px;
  }
  &-flowBlock {
    position: absolute;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  }
  &-flowBlockContainer {
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: transparent;
    &-flowCol {
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      align-items: center;
      justify-content: space-around;
      min-width: 0;
    }
  }
}