/* Boditrax website - Account pages
 * Show / hide button inside the password fields on /Account/Password/Reset. */
.btx-password-input {
  padding-right: 5.5rem;
}
.btx-password-toggle {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  border-radius: 9999px;
  padding: 0.375rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand-plum);
  cursor: pointer;
  transition: background-color 150ms var(--ease-calm);
}
.btx-password-toggle:hover {
  background-color: color-mix(in oklab, var(--brand-plum) 8%, transparent);
}

/* Outcome icon on the account message pages (email verified, password updated, invalid link). */
.btx-status--success {
  background-color: color-mix(in oklab, var(--brand-green) 15%, transparent);
  color: var(--brand-green);
}
.btx-status--error {
  background-color: color-mix(in oklab, var(--brand-red) 10%, transparent);
  color: var(--brand-red);
}