.@{steps-prefix-cls}-vertical {
  display: flex;
  flex-direction: column;

  > .@{steps-prefix-cls}-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible;

    > .@{steps-prefix-cls}-item-container {
      > .@{steps-prefix-cls}-item-icon {
        float: left;
        margin-right: @steps-vertical-icon-width;
        // MSB override start
        line-height: 16px;
        // MSB override end
      }
    }

    .@{steps-prefix-cls}-item-content {
      display: block;
      min-height: 62px;
      overflow: hidden;
    }

    .@{steps-prefix-cls}-item-title {
      line-height: @steps-icon-size;
    }

    .@{steps-prefix-cls}-item-description {
      padding-bottom: 12px;
    }

    // MSB override start
    &-process,
    &-error,
    &-pending {
      > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
        &::before {
          position: absolute;
          width: 2px;
          height: calc(50% - @steps-icon-size / 2);
          content: '';
        }
      }
    }

    &-process > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
      &::before {
        background-color: @process-border-color;
      }
    }

    &-error > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
      &::before {
        background-color: @error-tail-color;
      }
    }

    &-pending > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
      &::before {
        background-color: @pending-tail-color;
      }
    }
  }

  &.@{steps-prefix-cls}-full-process {
    .@{steps-prefix-cls}-item {
      &-active {
        &.@{steps-prefix-cls}-item-process {
          .@{steps-prefix-cls}-item-tail {
            &::before {
              height: calc(100% - @steps-icon-size / 2);
            }
          }
        }
      }
    }
  }

  > .@{steps-prefix-cls}-item
    > .@{steps-prefix-cls}-item-container
    > .@{steps-prefix-cls}-item-tail {
    position: absolute;
    top: 0;
    left: @steps-vertical-tail-width;
    width: 1px;
    height: 100%;
    padding: @steps-icon-size 0 0;

    &::after {
      width: 2px;
      height: 100%;
    }
  }
  // MSB override end

  > .@{steps-prefix-cls}-item:not(:last-child)
    > .@{steps-prefix-cls}-item-container
    > .@{steps-prefix-cls}-item-tail {
    display: block;
  }

  > .@{steps-prefix-cls}-item
    > .@{steps-prefix-cls}-item-container
    > .@{steps-prefix-cls}-item-content
    > .@{steps-prefix-cls}-item-title {
    &::after {
      display: none;
    }
  }

  &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
    .@{steps-prefix-cls}-item-tail {
      position: absolute;
      top: 0;
      left: @steps-vertical-tail-width-sm;
      padding: @steps-small-icon-size 0 0;
    }

    .@{steps-prefix-cls}-item-title {
      line-height: @steps-small-icon-size;
    }

    .@{steps-prefix-cls}-item-icon {
      // MSB override start
      line-height: 16px;
      // MSB override end
    }
  }
}