.account-access-form {
  display: grid;
  gap: 1.1rem;
}

.account-access-form label {
  display: grid;
  gap: .45rem;
  font-size: .9rem;
  font-weight: 600;
}

.account-access-form input:not([type="hidden"]) {
  min-block-size: 3.25rem;
  inline-size: 100%;
  border: 1px solid var(--store-border);
  border-radius: var(--store-radius-sm);
  padding: .75rem .9rem;
  background: var(--store-surface);
  color: var(--store-text);
  font: inherit;
  font-weight: 400;
  box-shadow: none;
}

.account-access-form input:not([type="hidden"]):hover {
  border-color: color-mix(in srgb, var(--store-accent) 45%, var(--store-border));
}

.account-access-form input:not([type="hidden"]):focus-visible {
  border-color: var(--store-accent);
  outline: 0;
  box-shadow: none;
}

.account-access-form input:not([type="hidden"]):user-invalid {
  border-color: #b42318;
}

.account-access-form .store-button {
  inline-size: 100%;
  min-block-size: 3.25rem;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}

.account-access-form__text-action {
  justify-self: center;
  border: 0;
  padding: .2rem;
  background: transparent;
  color: var(--store-muted);
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: .2em;
  cursor: pointer;
}

.account-access-form__text-action:hover {
  color: var(--store-accent);
}