@import '../../style/themes/index';
@import '../../style/mixins/index';

@stgy-flow-line-prefix-cls: ~'@{wd-prefix}-stgy-flow-line';
@dropdown-prefix-cls: ~'@{wd-prefix}-dropdown';

.@{stgy-flow-line-prefix-cls} {
  position: absolute;
  z-index: 0;

  &.inPath {
    cursor: pointer;
  }

  &__label {
    &-box {
      cursor: pointer;
      color: @charts-heliotrope-heliotrope;
      text-align: center;
      position: absolute;
      // padding: 2px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      transform: translateY(-50%);
      z-index: 1;
      font-size: 20px;
      background-color: @bg-page;

      &.@{dropdown-prefix-cls} {
        &-open {
          color: @charts-heliotrope-text;
        }
      }
    }

    &-disabled {
      color: @brand-disable;
      cursor: not-allowed;
    }
  }
}