.usa-form {

@include typeset(
  $theme-form-font-family,
  $theme-body-font-size,
  $theme-input-line-height
);
@include border-box-sizing;

}

.usa-form {

@include at-media("mobile-lg") {
  max-width: units("mobile");
}

.usa-input,
.usa-range,
.usa-select,
.usa-textarea {
  // max width not needed since .usa-form has one of its own
  max-width: none;
}

.usa-input--2xs {
  max-width: 4ex;
}

.usa-input--xs {
  max-width: 7ex;
}

.usa-input--small,
.usa-input--sm {
  max-width: 10ex;
}

.usa-input--medium,
.usa-input--md {
  max-width: 20ex;
}

.usa-input--lg {
  max-width: 30ex;
}

.usa-input--xl {
  max-width: 40ex;
}

.usa-input--2xl {
  max-width: 50ex;
}

.usa-button {
  margin-top: units(1);

  @include at-media("mobile-lg") {
    margin-top: units(3);
  }
}

a {
  @include typeset-link;
}

}

.usa-form–large {

@include at-media("mobile-lg") {
  max-width: units("mobile-lg");
}

}

.usa-form__note {

@include typeset($theme-form-font-family, "2xs", 3);
float: right;
margin: units(0.5) 0 units(2);

}