/*
 * Migrated from account-login/style.module.css (.input, .passwordWrap,
 * .eyeButton, .fieldError) — identical copies existed in account-register and
 * account-recover-password.
 */
.cc_dkzbevli_WLss4AUwIn .password-field, .cc_dkzbevli_o7JZhjvF9b .password-field, .cc_dkzbevli_U6n1KMtCwv .password-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.cc_dkzbevli_WLss4AUwIn .password-wrap, .cc_dkzbevli_o7JZhjvF9b .password-wrap, .cc_dkzbevli_U6n1KMtCwv .password-wrap {
  position: relative;
}

.cc_dkzbevli_WLss4AUwIn .password-input, .cc_dkzbevli_o7JZhjvF9b .password-input, .cc_dkzbevli_U6n1KMtCwv .password-input {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 44px 12px 14px; /* right padding clears the eye button */
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--color-ink);
  background: var(--color-paper);
  outline: none;
  transition: border-color var(--duration-fast) ease;
  font-family: inherit;
  letter-spacing: inherit;
}

.cc_dkzbevli_WLss4AUwIn .password-input::placeholder, .cc_dkzbevli_o7JZhjvF9b .password-input::placeholder, .cc_dkzbevli_U6n1KMtCwv .password-input::placeholder {
  color: var(--color-ink-subtle);
}

.cc_dkzbevli_WLss4AUwIn .password-input:focus, .cc_dkzbevli_o7JZhjvF9b .password-input:focus, .cc_dkzbevli_U6n1KMtCwv .password-input:focus {
  border-color: var(--color-ink);
}

.cc_dkzbevli_WLss4AUwIn .password-input[aria-invalid="true"], .cc_dkzbevli_o7JZhjvF9b .password-input[aria-invalid="true"], .cc_dkzbevli_U6n1KMtCwv .password-input[aria-invalid="true"] {
  border-color: var(--color-error);
}

.cc_dkzbevli_WLss4AUwIn .password-eye, .cc_dkzbevli_o7JZhjvF9b .password-eye, .cc_dkzbevli_U6n1KMtCwv .password-eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: var(--space-2xs);
  cursor: pointer;
  color: var(--color-ink-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc_dkzbevli_WLss4AUwIn .password-eye:hover, .cc_dkzbevli_o7JZhjvF9b .password-eye:hover, .cc_dkzbevli_U6n1KMtCwv .password-eye:hover {
  color: var(--color-ink);
}

.cc_dkzbevli_WLss4AUwIn .password-error, .cc_dkzbevli_o7JZhjvF9b .password-error, .cc_dkzbevli_U6n1KMtCwv .password-error {
  margin: 0;
  font-size: 12px;
  color: var(--color-error);
}