@include b(password-input) {
  position: relative;
  &-items {
    @include flex-x();

    position: relative;
    height: 50px;
    border: 1px solid $border-color;
    box-sizing: border-box;
    background-color: $white;
  }
  &-item {
    @include child-center();

    position: relative;
    flex: 1;
    height: 100%;
    text-align: center;
    &-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #333;
    }
  }
  &-item + &-item {
    &::after {
      content: '';
      position: absolute;
      pointer-events: none;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-left: 1px solid $border-color;
      box-sizing: border-box;
    }
  }
  &-tip {
    padding: 10px 0;
    text-align: center;
    color: $secondary-text-color;
  }
}