/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .jkl-link-list {
    --border: 1px solid var(--jkl-color-border-separator);
    --text-color: var(--jkl-color-text-default);
    font-size: var(--jkl-font-size-3);
    line-height: var(--jkl-line-height-relaxed);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-link-list .jkl-link-list-title {
    margin-block-end: var(--jkl-unit-10);
    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-link-list ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    height: min-content;
    border-radius: var(--jkl-unit-05);
    background: var(--jkl-color-background-container-low);
  }
  .jkl-link-list ul .jkl-link-list-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--jkl-unit-20);
    width: 100%;
    text-decoration: none;
    color: var(--text-color);
    text-wrap: balance;
    box-sizing: border-box;
    padding: var(--jkl-unit-20);
    font-size: var(--jkl-font-size-3);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
    transition-timing-function: ease;
    transition-duration: 150ms;
    transition-property: background;
  }
  .jkl-link-list ul .jkl-link-list-link::after {
    content: "arrow_forward"/"";
    font-family: "Fremtind Material Symbols", "Fremtind Material Symbols Fallback", sans-serif;
    font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 24);
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-size: 1.3em;
    font-weight: var(--jkl-icon-weight, 300);
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    transition-timing-function: ease;
    transition-duration: 75ms;
    transition-property: font-variation-settings, transform;
    transition-timing-function: ease;
    transition-duration: 150ms;
    transition-property: translate;
  }
  .jkl-link-list ul .jkl-link-list-link:is(:hover, :focus-visible) {
    background: var(--jkl-color-background-interactive-selected);
  }
  .jkl-link-list ul .jkl-link-list-link:is(:hover, :focus-visible)::after {
    translate: 4px 0;
  }
  .jkl-link-list ul .jkl-link-list-link:focus-visible {
    outline: 3px solid var(--jkl-color-border-action);
    outline-offset: 3px;
  }
  .jkl-link-list .jkl-link-list-item {
    display: flex;
  }
  .jkl-link-list .jkl-link-list-item:not(:last-of-type) .jkl-link-list-link {
    border-block-end: var(--border);
  }
  .jkl-link-list:has(ul) .jkl-link-list-title {
    margin-inline-start: var(--jkl-unit-05);
  }
}