/* Account forms */

@layer components {

  .lf-form {
    display: grid;
    gap: var(--sp-3);
    max-inline-size: 24rem;
  }

  .lf-form__label {
    font-size: var(--fs-body-s);
  }

  .lf-form__input,
  .lf-form__area,
  .lf-form__select {
    padding: var(--sp-3);
    border: 1px solid var(--bh-hairline);
    border-radius: var(--r-md);
    background: var(--bh-surface-1);
    color: inherit;
  }
}