.@{yee-steps-prefix-cls}-flex-not-supported {
  &.@{yee-steps-prefix-cls}-horizontal.@{yee-steps-prefix-cls}-label-horizontal {
    .@{yee-steps-prefix-cls}-item {
      margin-left: -16px;
      padding-left: 16px;
      background: @yee-steps-background;
    }

    &.@{yee-steps-prefix-cls}-small .@{yee-steps-prefix-cls}-item {
      margin-left: -12px;
      padding-left: 12px;
    }
  }

  &.@{yee-steps-prefix-cls}-dot {
    .@{yee-steps-prefix-cls}-item {
      &:last-child {
        overflow: hidden;

        .@{yee-steps-prefix-cls}-icon-dot::after {
          right: -200px;
          width: 200px;
        }
      }

      .@{yee-steps-prefix-cls}-icon-dot::before,
      .@{yee-steps-prefix-cls}-icon-dot::after {
        position: absolute;
        top: 0;
        left: -10px;
        width: 10px;
        height: 8px;
        background: @yee-steps-background;
        content: '';
      }

      .@{yee-steps-prefix-cls}-icon-dot::after {
        right: -10px;
        left: auto;
      }
    }

    .@{yee-steps-prefix-cls}-item-wait
      .@{yee-steps-prefix-cls}-item-icon
      > .@{yee-steps-prefix-cls}-icon
      .@{yee-steps-prefix-cls}-icon-dot {
      background: #ccc;
    }
  }
}
