@media (max-width: 767px) {
  /**
   * Do not edit directly, this file was auto-generated.
   */

  :root {
    --grid-margin: 20px;
    --grid-gutter: 16px;
    --grid-columns: 4;
    --container-max-width: 9999px;
    --section-gap-y: 48px;
    --section-gap-y-sm: 32px;
    --type-display: 36px;
    --type-display-line-height: 44px;
    --type-h1: 32px;
    --type-h1-line-height: 40px;
    --type-h2: 28px;
    --type-h2-line-height: 36px;
    --type-h3: 24px;
    --type-h3-line-height: 32px;
    --type-h4: 20px;
    --type-h4-line-height: 28px;
    --type-h5: 18px;
    --type-h5-line-height: 26px;
    --type-h6: 16px;
    --type-h6-line-height: 24px;
    --type-body-lg: 18px;
    --type-body-lg-line-height: 30px;
    --type-body-md: 16px;
    --type-body-md-line-height: 26px;
    --type-caption-line-height: 16px;
  }

}