@layer components {
  /* Display 1 */
  .ma-display-1-light {
    font: var(--ak-font-display-1-light);
  }
  .ma-display-1-regular {
    font: var(--ak-font-display-1-regular);
  }
  .ma-display-1-medium {
    font: var(--ak-font-display-1-medium);
  }
  .ma-display-1-semibold {
    font: var(--ak-font-display-1-semibold);
  }
  .ma-display-1-bold {
    font: var(--ak-font-display-1-bold);
  }
  /* Display 2 */
  .ma-display-2-light {
    font: var(--ak-font-display-2-light);
  }
  .ma-display-2-regular {
    font: var(--ak-font-display-2-regular);
  }
  .ma-display-2-medium {
    font: var(--ak-font-display-2-medium);
  }
  .ma-display-2-semibold {
    font: var(--ak-font-display-2-semibold);
  }
  .ma-display-2-bold {
    font: var(--ak-font-display-2-bold);
  }
  /* Heading 1 */
  .ma-heading-1-light {
    font: var(--ak-font-heading-1-light);
  }
  .ma-heading-1-regular {
    font: var(--ak-font-heading-1-regular);
  }
  .ma-heading-1-medium {
    font: var(--ak-font-heading-1-medium);
  }
  .ma-heading-1-semibold {
    font: var(--ak-font-heading-1-semibold);
  }
  .ma-heading-1-bold {
    font: var(--ak-font-heading-1-bold);
  }
  /* Heading 2 */
  .ma-heading-2-light {
    font: var(--ak-font-heading-2-light);
  }
  .ma-heading-2-regular {
    font: var(--ak-font-heading-2-regular);
  }
  .ma-heading-2-medium {
    font: var(--ak-font-heading-2-medium);
  }
  .ma-heading-2-semibold {
    font: var(--ak-font-heading-2-semibold);
  }
  .ma-heading-2-bold {
    font: var(--ak-font-heading-2-bold);
  }
  /* Heading 3 */
  .ma-heading-3-light {
    font: var(--ak-font-heading-3-light);
  }
  .ma-heading-3-regular {
    font: var(--ak-font-heading-3-regular);
  }
  .ma-heading-3-medium {
    font: var(--ak-font-heading-3-medium);
  }
  .ma-heading-3-semibold {
    font: var(--ak-font-heading-3-semibold);
  }
  .ma-heading-3-bold {
    font: var(--ak-font-heading-3-bold);
  }
  /* Heading 4 */
  .ma-heading-4-light {
    font: var(--ak-font-heading-4-light);
  }
  .ma-heading-4-regular {
    font: var(--ak-font-heading-4-regular);
  }
  .ma-heading-4-medium {
    font: var(--ak-font-heading-4-medium);
  }
  .ma-heading-4-semibold {
    font: var(--ak-font-heading-4-semibold);
  }
  .ma-heading-4-bold {
    font: var(--ak-font-heading-4-bold);
  }
  /* Heading 5 */
  .ma-heading-5-light {
    font: var(--ak-font-heading-5-light);
  }
  .ma-heading-5-regular {
    font: var(--ak-font-heading-5-regular);
  }
  .ma-heading-5-medium {
    font: var(--ak-font-heading-5-medium);
  }
  .ma-heading-5-semibold {
    font: var(--ak-font-heading-5-semibold);
  }
  .ma-heading-5-bold {
    font: var(--ak-font-heading-5-bold);
  }
  /* Heading 6 */
  .ma-heading-6-light {
    font: var(--ak-font-heading-6-light);
  }
  .ma-heading-6-regular {
    font: var(--ak-font-heading-6-regular);
  }
  .ma-heading-6-medium {
    font: var(--ak-font-heading-6-medium);
  }
  .ma-heading-6-semibold {
    font: var(--ak-font-heading-6-semibold);
  }
  .ma-heading-6-bold {
    font: var(--ak-font-heading-6-bold);
  }
  /* Body 1 */
  .ma-body-1-light {
    font: var(--ak-font-body-1-light);
  }
  .ma-body-1-regular {
    font: var(--ak-font-body-1-regular);
  }
  .ma-body-1-medium {
    font: var(--ak-font-body-1-medium);
  }
  .ma-body-1-semibold {
    font: var(--ak-font-body-1-semibold);
  }
  .ma-body-1-bold {
    font: var(--ak-font-body-1-bold);
  }
  /* Body 2 */
  .ma-body-2-light {
    font: var(--ak-font-body-2-light);
  }
  .ma-body-2-regular {
    font: var(--ak-font-body-2-regular);
  }
  .ma-body-2-medium {
    font: var(--ak-font-body-2-medium);
  }
  .ma-body-2-semibold {
    font: var(--ak-font-body-2-semibold);
  }
  .ma-body-2-bold {
    font: var(--ak-font-body-2-bold);
  }
  /* Body 3 */
  .ma-body-3-light {
    font: var(--ak-font-body-3-light);
  }
  .ma-body-3-regular {
    font: var(--ak-font-body-3-regular);
  }
  .ma-body-3-medium {
    font: var(--ak-font-body-3-medium);
  }
  .ma-body-3-semibold {
    font: var(--ak-font-body-3-semibold);
  }
  .ma-body-3-bold {
    font: var(--ak-font-body-3-bold);
  }
  /* Body 4 */
  .ma-body-4-light {
    font: var(--ak-font-body-4-light);
  }
  .ma-body-4-regular {
    font: var(--ak-font-body-4-regular);
  }
  .ma-body-4-medium {
    font: var(--ak-font-body-4-medium);
  }
  .ma-body-4-semibold {
    font: var(--ak-font-body-4-semibold);
  }
  .ma-body-4-bold {
    font: var(--ak-font-body-4-bold);
  }
  /* Caption 1 */
  .ma-caption-1-light {
    font: var(--ak-font-caption-1-light);
  }
  .ma-caption-1-regular {
    font: var(--ak-font-caption-1-regular);
  }
  .ma-caption-1-medium {
    font: var(--ak-font-caption-1-medium);
  }
  .ma-caption-1-semibold {
    font: var(--ak-font-caption-1-semibold);
  }
  .ma-caption-1-bold {
    font: var(--ak-font-caption-1-bold);
  }
  /* Caption 2 */
  .ma-caption-2-light {
    font: var(--ak-font-caption-2-light);
  }
  .ma-caption-2-regular {
    font: var(--ak-font-caption-2-regular);
  }
  .ma-caption-2-medium {
    font: var(--ak-font-caption-2-medium);
  }
  .ma-caption-2-semibold {
    font: var(--ak-font-caption-2-semibold);
  }
  .ma-caption-2-bold {
    font: var(--ak-font-caption-2-bold);
  }
}