.customer form {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap, 1rem);
}
.customer.login form,
.customer.register form {
  margin: 0 auto;
  max-width: 40ch;
}
.field {
  text-align: left;
}

#recover,
#recover + div {
  display: none;
}

#recover:target {
  display: block;
}

#recover:target + div {
  display: block;
}

#recover:target ~ #login,
#recover:target ~ #login + div {
  display: none;
}