/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size=xs] {
    margin-block: 0;
    font: var(--jkl-text-style-heading-5);
  }
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size=s] {
    margin-block: 0;
    font: var(--jkl-text-style-heading-4);
  }
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size=m] {
    margin-block: 0;
    font: var(--jkl-text-style-heading-3);
  }
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size=l] {
    margin-block: 0;
    font: var(--jkl-text-style-heading-2);
  }
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size=xl] {
    margin-block: 0;
    font: var(--jkl-text-style-heading-1);
  }
  :is(label, legend)[data-text-size] {
    font-weight: var(--jkl-font-weight-normal);
    line-height: var(--jkl-line-height-relaxed);
  }
  :is(label)[data-text-size] {
    display: block;
    margin-block-end: var(--jkl-spacing-8);
  }
  :is(h1, h2, h3, h4, h5, h6, label, legend)[data-text-size][data-center] {
    text-align: center;
  }
}