@use 'sass:list';

p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
  @include invalid-input();
}

.p-password-panel {
  padding: $panelContentPadding;
  background: $panelContentBg;
  color: $panelContentTextColor;
  border: $overlayContentBorder;
  box-shadow: $inputOverlayShadow;
  border-radius: $borderRadius;

  .p-password-meter {
    margin-bottom: $inlineSpacing;
    background: $passwordMeterBg;

    .p-password-strength {
      &.weak {
        background: $passwordWeakBg;
      }

      &.medium {
        background: $passwordMediumBg;
      }

      &.strong {
        background: $passwordStrongBg;
      }
    }
  }
}

p-password.p-password-clearable {
  .p-password-input {
    padding-right: list.nth($inputPadding, 2) * 2 + $primeIconFontSize;
  }

  .p-password-clear-icon {
    color: $inputIconColor;
    right: list.nth($inputPadding, 2);
  }
}

p-password.p-password-clearable.p-password-mask {
  .p-password-input {
    padding-right: list.nth($inputPadding, 2) * 3 + $primeIconFontSize * 2;
  }

  .p-password-clear-icon {
    color: $inputIconColor;
    right: list.nth($inputPadding, 2) * 2 + $primeIconFontSize;
  }
}