/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  :where(.jkl-text) {
    line-height: var(--jkl-line-height-relaxed);
  }
  .jkl-text[data-text-size] {
    margin-block: 0;
  }
  .jkl-text[data-text-size=xs] {
    font: var(--jkl-text-style-text-micro);
    font-weight: inherit;
  }
  .jkl-text[data-text-size=s] {
    font: var(--jkl-text-style-paragraph-small);
    font-weight: inherit;
  }
  .jkl-text[data-text-size=m] {
    font: var(--jkl-text-style-paragraph-medium);
    font-weight: inherit;
  }
  .jkl-text[data-text-size=l] {
    font: var(--jkl-text-style-paragraph-large);
    font-weight: inherit;
  }
  .jkl-text[data-bold],
  strong.jkl-text[data-text-size] {
    font-weight: var(--jkl-font-weight-bold);
  }
  .jkl-text[data-short] {
    line-height: var(--jkl-line-height-tight);
  }
  .jkl-text[data-center] {
    text-align: center;
  }
  .jkl-text[data-subdued] {
    color: var(--jkl-color-text-subdued);
  }
  :is(code, kbd, samp, var).jkl-text {
    font-family: var(--jkl-font-family-mono);
  }
  label.jkl-text {
    display: block;
    margin-block-end: var(--jkl-spacing-8);
  }
}