@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .jkl-table-caption--sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
  }
}
@layer jokul.components {
  .jkl-table-cell {
    --jkl-table-cell-padding: var(--jkl-unit-15);
    --jkl-table-expand-padding: var(--jkl-unit-20);
    padding: var(--jkl-table-cell-padding);
    position: relative;
    text-align: left;
    vertical-align: top;
    font-size: var(--jkl-font-size-3);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-table-cell:has(.jkl-button) {
    --jkl-table-cell-padding: var(--jkl-unit-05);
  }
  .jkl-table-cell:has(.jkl-button) .jkl-button {
    padding-block: var(--jkl-unit-10);
  }
  .jkl-table-cell:has(.jkl-button) .jkl-button .jkl-button__text {
    overflow: visible;
  }
  .jkl-table-cell--vertical-align-center {
    vertical-align: baseline;
  }
  .jkl-table-cell--align-center {
    text-align: center;
  }
  .jkl-table-cell--align-right {
    text-align: right;
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list .jkl-table-cell--align-right {
      text-align: unset;
    }
  }
  .jkl-table--collapse-to-list[data-collapse] .jkl-table-cell--align-right {
    text-align: unset;
  }
  .jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text)::before {
    display: none;
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text)::before {
      content: attr(data-th);
      display: block;
      font-size: var(--jkl-font-size-4);
      line-height: var(--jkl-line-height-tight);
      font-weight: 700;
      --jkl-icon-weight: 400;
    }
  }
  .jkl-table--collapse-to-list[data-collapse] .jkl-table-cell:not(.jkl-table-cell--expand-without-text)::before {
    content: attr(data-th);
    display: block;
    font-size: var(--jkl-font-size-4);
    line-height: var(--jkl-line-height-tight);
    font-weight: 700;
    --jkl-icon-weight: 400;
  }
  @media (min-width: 680px) {
    .jkl-table--collapse-to-list:not([data-collapse]) .jkl-table-cell--expand-without-text .jkl-expand-button__text {
      display: none;
    }
  }
  .jkl-table-cell .jkl-table-row-expand-button {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    margin-block: calc(var(--jkl-table-cell-padding) * -1);
    padding: var(--jkl-table-expand-padding);
  }
  .jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):hover .jkl-table-row-expand-button, html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):focus .jkl-table-row-expand-button {
    color: var(--expand-button-focus-color);
  }
}
@layer jokul.components {
  @media screen and (prefers-color-scheme: light) {
    :root {
      --jkl-table-head-sticky-color: var(--jkl-background-color);
    }
  }
  [data-theme=light] {
    --jkl-table-head-sticky-color: var(--jkl-background-color);
  }
  @media screen and (prefers-color-scheme: dark) {
    :root {
      --jkl-table-head-sticky-color: var(--jkl-background-color);
    }
  }
  [data-theme=dark] {
    --jkl-table-head-sticky-color: var(--jkl-background-color);
  }
  .jkl-table-head--sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
  }
  .jkl-table-head--sticky > .jkl-table-row {
    position: sticky;
    top: var(--jkl-table-head-sticky-offset, 0);
    z-index: 1;
    background-color: var(--jkl-table-head-sticky-color);
    border-bottom: none;
    box-shadow: inset 0 0 0 #000, inset 0 -0.0625rem 0 var(--jkl-color-border-separator-strong);
    background-clip: padding-box;
    vertical-align: bottom;
    height: 2.3em;
  }
}
@layer jokul.components {
  .jkl-table-header {
    --jkl-table-header-padding-inline: var(--jkl-unit-15);
    --jkl-table-header-padding-block: var(--jkl-unit-10);
    font-size: var(--jkl-font-size-2);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
    font-weight: 700;
    padding-block: var(--jkl-table-header-padding-block);
    padding-inline: var(--jkl-table-header-padding-inline);
    text-align: left;
    white-space: nowrap;
  }
  .jkl-table-header--align-center {
    text-align: center;
  }
  .jkl-table-header--align-right {
    text-align: right;
  }
  .jkl-table-header--bold {
    font-weight: var(--jkl-typography-weight-bold);
  }
  .jkl-table-header__arrows {
    display: flex;
    gap: var(--jkl-spacing-4);
    align-items: center;
  }
  .jkl-table-header__arrows[data-align=center] {
    justify-content: center;
  }
  .jkl-table-header__arrows[data-align=right] {
    justify-content: end;
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list .jkl-table-header {
      display: none;
    }
  }
}
@layer jokul.components {
  .jkl-table-pagination {
    display: flex;
    gap: var(--jkl-unit-15);
    flex-direction: column;
    width: 100%;
  }
  @media (min-width: 680px) {
    .jkl-table-pagination {
      flex-direction: row;
      gap: var(--jkl-unit-30);
      justify-content: space-between;
      align-items: center;
    }
  }
  .jkl-table-pagination__left {
    flex-shrink: 1;
  }
  .jkl-table-pagination__right {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap;
  }
  .jkl-table-pagination__total-rows {
    white-space: nowrap;
  }
  .jkl-table-pagination__picker {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
  }
  .jkl-table-pagination__picker--page {
    padding-inline-end: var(--jkl-unit-30);
    width: min(12rem, 100%);
  }
  @media (min-width: 680px) {
    .jkl-table-pagination__picker--page {
      justify-content: flex-end;
    }
  }
  .jkl-table-pagination__picker--page .jkl-table-pagination__picker-input {
    width: min(4rem, 100%);
  }
  .jkl-table-pagination__picker-label {
    margin-inline-end: var(--jkl-unit-10);
  }
  .jkl-table-pagination__nav {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--jkl-unit-base) * 2);
  }
  @media (min-width: 680px) {
    .jkl-table-pagination__nav {
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
    }
  }
  .jkl-table-pagination__nav ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
  }
  .jkl-table-pagination__nav li {
    margin: 0;
    padding: 0;
  }
  .jkl-table-pagination__previous, .jkl-table-pagination__next, .jkl-table-pagination__page {
    background: transparent;
    color: var(--jkl-link-color);
    border-radius: 0.1875rem;
    cursor: pointer;
    user-select: none;
    padding: 0;
    height: 2rem;
    min-width: 2rem;
  }
  .jkl-table-pagination__previous, .jkl-table-pagination__next, .jkl-table-pagination__page {
    outline: 0;
    border-style: none;
    outline-style: none;
  }
  .jkl-table-pagination__previous:active, .jkl-table-pagination__previous:hover, .jkl-table-pagination__previous:focus, .jkl-table-pagination__next:active, .jkl-table-pagination__next:hover, .jkl-table-pagination__next:focus, .jkl-table-pagination__page:active, .jkl-table-pagination__page:hover, .jkl-table-pagination__page:focus {
    outline: 0;
    outline-style: none;
  }
  @media screen and (forced-colors: active) {
    .jkl-table-pagination__previous, .jkl-table-pagination__next, .jkl-table-pagination__page {
      outline: revert;
      border-style: revert;
      outline-style: revert;
    }
    .jkl-table-pagination__previous:active, .jkl-table-pagination__previous:hover, .jkl-table-pagination__previous:focus, .jkl-table-pagination__next:active, .jkl-table-pagination__next:hover, .jkl-table-pagination__next:focus, .jkl-table-pagination__page:active, .jkl-table-pagination__page:hover, .jkl-table-pagination__page:focus {
      outline: revert;
      outline-style: revert;
    }
  }
  .jkl-table-pagination__previous:hover:not(:focus), .jkl-table-pagination__next:hover:not(:focus), .jkl-table-pagination__page:hover:not(:focus) {
    color: var(--jkl-link-hover-color);
  }
  html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not([data-mousenavigation]) .jkl-table-pagination__next:focus, html:not([data-mousenavigation]) .jkl-table-pagination__page:focus {
    outline: 0.125rem solid var(--jkl-link-active-color);
  }
  .jkl-table-pagination__previous, .jkl-table-pagination__next {
    padding-top: 0.125rem;
  }
  .jkl-table-pagination__ellipsis {
    text-align: center;
    vertical-align: bottom;
    display: inline-block;
    height: 2rem;
    width: 2rem;
  }
  .jkl-table-pagination__page--active {
    --jkl-icon-weight: 400;
    font-weight: 700;
    letter-spacing: -0.014em;
  }
}
@layer jokul.components {
  .jkl-table-row {
    --jkl-table-row-border-color: var(--jkl-color-border-separator);
    --jkl-table-row-border-none-color: transparent;
    --jkl-table-row-hover-border-color: var(--jkl-color-border-separator-strong);
    --jkl-table-row-highlight-color: var(--jkl-color-background-interactive-selected);
    border-bottom: solid 0.0625rem var(--jkl-table-row-border-color);
  }
  .jkl-table-head > .jkl-table-row {
    border-bottom: solid 0.0625rem var(--jkl-table-row-hover-border-color);
  }
  .jkl-table-row {
    /* stylelint-disable-next-line selector-not-notation */
  }
  :not(.jkl-table-head, .jkl-table-foot) > .jkl-table-row {
    border-top: solid 0.0625rem transparent;
  }
  :not(.jkl-table-head, .jkl-table-foot) > .jkl-table-row:hover {
    /*
    * Det er viktig at hover her har double border style i motsetning til default,
    * ellers vinner ikke border-top "spesifisitetskampen" i border-collapse.
    * Under testing i Chrome, Firefox og Safari på macOS ble border fremdeles
    * rendret som solid. ¯\_(ツ)_/¯
    *
    * https://stackoverflow.com/a/36239151
    * https://stackoverflow.com/a/4096554
    * https://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution
    */
    border-top: double 0.0625rem var(--jkl-table-row-hover-border-color);
    border-bottom: double 0.0625rem var(--jkl-table-row-hover-border-color);
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list > .jkl-table-head > .jkl-table-row {
      border-bottom: solid 0.0625rem var(--jkl-table-row-border-color);
    }
  }
  .jkl-table--collapse-to-list[data-collapse] > .jkl-table-head > .jkl-table-row {
    border-bottom: solid 0.0625rem var(--jkl-table-row-border-color);
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list :not(.jkl-table-head) > .jkl-table-row {
      padding-top: var(--jkl-unit-15);
      padding-bottom: var(--jkl-unit-15);
    }
    .jkl-table--collapse-to-list :not(.jkl-table-head) > .jkl-table-row:first-of-type {
      border-top: solid 0.0625rem var(--jkl-table-row-border-color);
    }
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row {
    padding-top: var(--jkl-unit-15);
    padding-bottom: var(--jkl-unit-15);
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row:first-of-type {
    border-top: solid 0.0625rem var(--jkl-table-row-border-color);
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable {
    transition-property: border, padding;
    transition-timing-function: ease;
    transition-duration: 150ms;
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable.jkl-table-row--expanded {
    border-bottom-color: var(--jkl-table-row-border-none-color);
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable .jkl-table-row-expand-button {
    margin-left: auto;
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable:hover + tr {
    background-color: var(--jkl-table-row-highlight-color);
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable:hover + tr .jkl-table-row {
    border-bottom-color: var(--jkl-table-row-hover-border-color);
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable {
    /* stylelint-disable-next-line selector-max-specificity -- selector needs to nest itself to select sub tables with the same properties */
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable + tr .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable {
    transition-property: border;
    transition-timing-function: ease;
    transition-duration: 150ms;
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row.jkl-table-row--expandable + [aria-hidden=false] .jkl-table-row {
    border-top-color: var(--jkl-table-row-border-none-color);
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list :not(.jkl-table-head) > .jkl-table-row:hover {
      /* Tilbakestill hacken som gir riktig border når tabellen ikke har display: block; */
      border-top: solid 0.0625rem var(--jkl-table-row-hover-border-color);
      border-bottom: solid 0.0625rem var(--jkl-table-row-hover-border-color);
    }
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row:hover {
    /* Tilbakestill hacken som gir riktig border når tabellen ikke har display: block; */
    border-top: solid 0.0625rem var(--jkl-table-row-hover-border-color);
    border-bottom: solid 0.0625rem var(--jkl-table-row-hover-border-color);
  }
  .jkl-table-row--clickable {
    outline: 0;
  }
  .jkl-table-row--clickable:hover, html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--clickable:focus {
    cursor: pointer;
    background-color: var(--jkl-table-row-highlight-color);
    border-top: double 0.0625rem var(--jkl-table-row-hover-border-color);
    border-bottom: double 0.0625rem var(--jkl-table-row-hover-border-color);
  }
  @media (width >= 0) and (max-width: 679px) {
    .jkl-table--collapse-to-list :not(.jkl-table-head) > .jkl-table-row--clickable:hover {
      /* Tilbakestill hacken som gir riktig border når tabellen ikke har display: block; */
      border-top: solid 0.0625rem var(--jkl-table-row-hover-border-color);
      border-bottom: solid 0.0625rem var(--jkl-table-row-hover-border-color);
    }
  }
  .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head) > .jkl-table-row--clickable:hover {
    /* Tilbakestill hacken som gir riktig border når tabellen ikke har display: block; */
    border-top: solid 0.0625rem var(--jkl-table-row-hover-border-color);
    border-bottom: solid 0.0625rem var(--jkl-table-row-hover-border-color);
  }
  @media screen and (forced-colors: active) {
    .jkl-table-row--clickable {
      outline: revert;
      color: ButtonText;
    }
    .jkl-table-row--clickable:hover {
      background-color: ButtonFace;
    }
  }
  .jkl-table-row--clicked {
    background-color: var(--jkl-table-row-highlight-color);
  }
  .jkl-table-row--clicked.jkl-table-row--expandable + [aria-hidden=false] {
    background-color: var(--jkl-table-row-highlight-color);
  }
  @media screen and (forced-colors: active) {
    .jkl-table-row--clicked {
      background-color: ButtonFace;
    }
  }
  .jkl-expandable-table-row__expanded-row {
    display: none;
    transition-timing-function: ease-in;
    transition-duration: 250ms;
    transition-property: height;
  }
  .jkl-expandable-table-row__expanded-row--expanded {
    transition-timing-function: ease-out;
    transition-duration: 400ms;
    display: block;
  }
}
.jkl-table {
  border-collapse: collapse;
  position: relative;
}
.jkl-table--full-width {
  width: 100%;
}
.jkl-table--collapse-to-list[data-collapse] {
  display: block;
}
.jkl-table--collapse-to-list[data-collapse] > caption {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}
.jkl-table--collapse-to-list[data-collapse] > thead, .jkl-table--collapse-to-list[data-collapse] > thead > tr, .jkl-table--collapse-to-list[data-collapse] > thead > tr > th {
  display: none;
}
.jkl-table--collapse-to-list[data-collapse] > tbody, .jkl-table--collapse-to-list[data-collapse] > tbody > tr, .jkl-table--collapse-to-list[data-collapse] > tbody > tr > td {
  display: block;
}
.jkl-table--collapse-to-list[data-collapse] > tfoot, .jkl-table--collapse-to-list[data-collapse] > tfoot > tr, .jkl-table--collapse-to-list[data-collapse] > tfoot > tr > td {
  display: block;
}
@media (width >= 0) and (max-width: 679px) {
  .jkl-table--collapse-to-list {
    display: block;
  }
  .jkl-table--collapse-to-list > caption {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
  }
  .jkl-table--collapse-to-list > thead, .jkl-table--collapse-to-list > thead > tr, .jkl-table--collapse-to-list > thead > tr > th {
    display: none;
  }
  .jkl-table--collapse-to-list > tbody, .jkl-table--collapse-to-list > tbody > tr, .jkl-table--collapse-to-list > tbody > tr > td {
    display: block;
  }
  .jkl-table--collapse-to-list > tfoot, .jkl-table--collapse-to-list > tfoot > tr, .jkl-table--collapse-to-list > tfoot > tr > td {
    display: block;
  }
}