/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  :where(.jkl-text) {
    font-weight: var(--jkl-typography-weight-normal);
    line-height: var(--jkl-line-height-relaxed);
  }
  .jkl-text[data-text-size] {
    margin-block: 0;
  }
  .jkl-text[data-text-size=xs] {
    font-size: var(--jkl-font-size-1);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-text[data-text-size=s] {
    font-size: var(--jkl-font-size-2);
    line-height: var(--jkl-line-height-relaxed);
    font-weight: 400;
    --jkl-icon-weight: 300;
    --jkl-icon-size: 1.2em;
  }
  .jkl-text[data-text-size=m] {
    font-size: var(--jkl-font-size-3);
    line-height: var(--jkl-line-height-relaxed);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-text[data-text-size=l] {
    font-size: var(--jkl-font-size-5);
    line-height: var(--jkl-line-height-relaxed);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-text[data-bold],
  strong.jkl-text[data-text-size] {
    font-weight: var(--jkl-typography-weight-bold);
    --jkl-icon-weight: 400;
  }
  .jkl-text[data-short] {
    line-height: var(--jkl-line-height-tight);
  }
  :is(code, kbd, samp, var).jkl-text {
    font-family: "Fremtind Grotesk Mono", "Adjusted Courier New Fallback", -apple-system, BlinkMacSystemFont, monospace;
  }
  label.jkl-text {
    display: block;
    margin-block-end: var(--jkl-spacing-8);
  }
}