/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  .jkl-pagination {
    display: flex;
  }
  .jkl-pagination__pages {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
  }
  .jkl-pagination-button {
    --button-size: var(--jkl-unit-40);
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--button-size);
    min-width: var(--button-size);
    text-align: center;
    cursor: pointer;
    user-select: none;
    border-radius: 0.1875rem;
    color: var(--jkl-color-text-interactive);
  }
  .jkl-pagination-button:hover:not(:focus) {
    color: var(--jkl-color-text-interactive-hover);
  }
  .jkl-pagination-button:focus-visible {
    outline: 3px solid var(--jkl-color-border-action);
    outline-offset: 3px;
  }
  .jkl-pagination-button--current {
    --jkl-icon-weight: 400;
    font-weight: 700;
    letter-spacing: -0.014em;
  }
  .jkl-pagination-button--elipsis {
    display: block;
    user-select: none;
    text-align: center;
    height: var(--button-size);
    width: var(--button-size);
  }
}