.password-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.5rem;
  column-gap: 0.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border-style: solid;
  background-color: var(--color-neutral-9);
  border-color: var(--color-primary-1);
  color: var(--color-neutral-2);
  padding: 0 0.5rem;
  border-width: 1px;
  height: 2.5rem;
}
.password-input input {
  border: none;
  outline: none;
  padding: 0;
}
.password-input:not(.disabled):has(input:focus) {
  border-width: 2px;
}
.password-input:not(.disabled)::placeholder {
  color: var(--color-neutral-4);
}
.password-input:not(.disabled) .fa-eye {
  color: var(--color-neutral-1);
}
.password-input:not(.disabled) .fa-eye-slash {
  color: var(--color-neutral-4);
}
.password-input.disabled {
  pointer-events: none;
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-1);
  background-color: var(--color-neutral-7);
}