/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .jkl-description-list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--jkl-unit-05);
  }
  .jkl-description-list .seperator {
    display: none;
  }
  .jkl-description-list__detail + .seperator {
    grid-column: 1/-1;
    width: 100%;
    border: 0 solid transparent;
    margin-block: var(--jkl-unit-05);
  }
  .jkl-description-list__detail + .seperator:not(:first-of-type) {
    display: unset;
  }
  .jkl-description-list__term {
    font-weight: 700;
  }
  .jkl-description-list__detail {
    margin-left: 0;
  }
  @media (min-width: 60ch) {
    .jkl-description-list[data-alignment=horizontal] {
      grid-template-columns: fit-content(40%) 1fr;
      grid-auto-flow: column;
      column-gap: 1.5em;
    }
    .jkl-description-list[data-alignment=horizontal] .jkl-description-list__term {
      grid-column-start: 1;
      margin: 0;
      overflow-wrap: break-word;
    }
    .jkl-description-list[data-alignment=horizontal] .jkl-description-list__detail {
      grid-column-start: 2;
    }
    .jkl-description-list[data-alignment=justified] {
      grid-template-columns: 1fr max-content;
      grid-auto-flow: column;
      column-gap: 1.5em;
    }
    .jkl-description-list[data-alignment=justified] .jkl-description-list__term {
      grid-column-start: 1;
      margin: 0;
      overflow-wrap: break-word;
    }
    .jkl-description-list[data-alignment=justified] .jkl-description-list__detail {
      grid-column-start: 2;
    }
    .jkl-description-list[data-alignment=justified] .jkl-description-list__detail {
      text-align: end;
    }
  }
  .jkl-description-list[data-separators=true] .seperator:not(:first-of-type) {
    margin-block: var(--jkl-unit-15);
    border-top: 1px solid var(--jkl-color-border-separator);
  }
}