.visual-password-validator {
  display: flex;
  flex-wrap: wrap;

  &__item {
    flex: 1;
    border-top: 3px solid $color-grey-light-7;
    margin: 5px;
    padding-top: 5px;
    text-align: center;
    line-height: 1.2;

    &--danger {
      border-color: $color-red;
    }

    &--success {
      border-color: map-get($theme-colors, 'success');
    }
  }
}
