/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .jkl-summary-table {
    display: flex;
    flex-direction: column;
    overflow-wrap: anywhere;
    width: 100%;
    font-size: var(--jkl-font-size-3);
    line-height: var(--jkl-line-height-tight);
    font-weight: 400;
    --jkl-icon-weight: 300;
  }
  .jkl-summary-table tr {
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--jkl-unit-10);
  }
  .jkl-summary-table th,
  .jkl-summary-table td {
    flex-basis: 50%;
    padding-right: var(--jkl-unit-20);
  }
  .jkl-summary-table th:first-child,
  .jkl-summary-table td:first-child {
    text-align: left;
  }
  .jkl-summary-table th:last-child,
  .jkl-summary-table td:last-child {
    text-align: right;
    padding-right: 0;
  }
  .jkl-summary-table > tbody th {
    font-weight: 400;
  }
  .jkl-summary-table > tfoot {
    border-top: 0.0625rem solid var(--jkl-color-border-separator-strong);
    border-bottom: 0.0625rem solid var(--jkl-color-border-separator-strong);
    padding-top: var(--jkl-unit-10);
  }
  .jkl-summary-table > tfoot th,
  .jkl-summary-table > tfoot td {
    font-weight: var(--jkl-typography-weight-bold);
  }
}