/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  :where(.jkl-title) {
    font-weight: var(--jkl-typography-weight-normal);
    line-height: var(--jkl-line-height-tight);
  }
  .jkl-title[data-text-size] {
    margin-block: 0;
  }
  .jkl-title[data-text-size=xs],
  .jkl-heading-xs {
    font-size: var(--jkl-font-size-4);
    line-height: var(--jkl-line-height-tight);
    font-weight: 700;
    --jkl-icon-weight: 400;
  }
  :where(.jkl-heading-xs) {
    margin-block: 0;
  }
  .jkl-title[data-text-size=s],
  .jkl-heading-s {
    font-size: var(--jkl-font-size-5);
    line-height: var(--jkl-line-height-tight);
    font-weight: 700;
    --jkl-icon-weight: 400;
  }
  :where(.jkl-heading-s) {
    margin-block: 0;
  }
  .jkl-title[data-text-size=m],
  .jkl-heading-m {
    font-size: var(--jkl-font-size-6);
    line-height: var(--jkl-line-height-tight);
    font-weight: 700;
    --jkl-icon-weight: 400;
  }
  :where(.jkl-heading-m) {
    margin-block: 0;
  }
  .jkl-title[data-text-size=l],
  .jkl-heading-l {
    font-size: var(--jkl-font-size-7);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  :where(.jkl-heading-l) {
    margin-block: 0;
  }
  .jkl-title[data-text-size=xl],
  .jkl-heading-xl {
    font-size: var(--jkl-font-size-8);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  :where(.jkl-heading-xl) {
    margin-block: 0;
  }
  :is(label, legend).jkl-title[data-text-size] {
    font-weight: var(--jkl-typography-weight-normal);
    line-height: var(--jkl-line-height-relaxed);
  }
  label.jkl-title[data-text-size] {
    display: block;
    margin-block-end: var(--jkl-spacing-8);
  }
}