@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer elements {
  .kit-role-pager {
    overflow-wrap: break-word;
  }
}
@layer roles {
  :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-previous,
  :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-page-number,
  :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-next,
  .kit-region-count-continuation > .kit-role-pager > .kit-region-newer,
  .kit-region-count-continuation > .kit-role-pager > .kit-region-older {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--_kit-target);
    min-inline-size: var(--_kit-target);
    color: inherit;
  }
  :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--_kit-stack);
  }
  :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager {
    flex: 1 0 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    > .kit-region-desk-window {
      display: contents;
    }
    > .kit-region-phone-window {
      display: none;
    }
    > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-page-number {
      justify-content: center;
    }
    > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-page-number[data-kit-state~=current] {
      font-weight: var(--_kit-strong-weight);
    }
    > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-previous[data-kit-state~=inert],
    > :is(.kit-region-desk-window, .kit-region-phone-window) > .kit-region-next[data-kit-state~=inert],
    > .kit-region-newer[data-kit-state~=inert],
    > .kit-region-older[data-kit-state~=inert] {
      color: var(--_kit-text-muted);
      text-decoration-line: none;
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      :is(.kit-region-page-foot, .kit-region-count-continuation) > .kit-role-pager {
        > .kit-region-desk-window {
          display: none;
        }
        > .kit-region-phone-window {
          display: contents;
        }
      }
    }
  }
  .kit-region-page-foot[data-kit-holds~=go-to-page] > .kit-role-pager,
  .kit-region-count-continuation[data-kit-holds~=go-to-page] > .kit-role-pager {
    flex: 0 1 auto;
    order: 1;
    align-self: baseline;
    margin-inline-end: calc(var(--_kit-region) - var(--_kit-cluster-gap));
  }
  @media screen {
    @container (inline-size < 720px) {
      :is(.kit-region-page-foot, .kit-region-count-continuation)[data-kit-holds~=go-to-page] > .kit-role-pager {
        margin-inline-end: 0;
      }
    }
  }
}
@layer without-fills {
  @media (forced-colors: active) {
    .kit-region-page-foot > .kit-role-pager > .kit-region-desk-window > .kit-region-previous[data-kit-state~=inert],
    .kit-region-page-foot > .kit-role-pager > .kit-region-desk-window > .kit-region-next[data-kit-state~=inert],
    .kit-region-page-foot > .kit-role-pager > .kit-region-phone-window > .kit-region-previous[data-kit-state~=inert],
    .kit-region-page-foot > .kit-role-pager > .kit-region-phone-window > .kit-region-next[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-desk-window > .kit-region-previous[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-desk-window > .kit-region-next[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-phone-window > .kit-region-previous[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-phone-window > .kit-region-next[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-newer[data-kit-state~=inert],
    .kit-region-count-continuation > .kit-role-pager > .kit-region-older[data-kit-state~=inert] {
      color: GrayText;
    }
  }
}