.new-password {
  @extend %modal;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: #{20 / $base-font-size}rem;
  align-items: center;
}

.new-password-form__password-input,
.new-password-form__confirm-password-input {
  width: #{300 / $base-font-size}rem;
}

.new-password-form__field {
  margin: #{20 / $base-font-size}rem 0;
}

.new-password-form {
  .new-password--invalid & {
    display: none;
  }
}

.new-password__invalid {
  display: none;
  .new-password--invalid & {
    display: block;
  }
}