label.password-visibility {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  color: var(--bone-300);
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

label.password-visibility input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-height: 20px;
  flex: 0 0 20px;
  padding: 0;
  accent-color: var(--gold-300);
}

label.password-visibility input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--teal-300);
  outline-offset: 3px;
}