@property --pagination-show-page{syntax:"<integer>";inherits:true;initial-value:-1}@property --pagination-show-gap{syntax:"<integer>";inherits:true;initial-value:0}@layer components{.pagination-nav{container-type:inline-size}.pagination-layout,.pagination-pages{justify-content:center;align-items:center;gap:min(var(--spacing-fluid-xs), .8cqi);display:flex}.pagination-layout>:not(.pagination-pages){flex-shrink:0}.pagination-pages{--pagination-radius:0;flex-wrap:wrap;min-width:0}@container (min-width:24rem){.pagination-pages{--pagination-radius:1}}@container (min-width:28rem){.pagination-pages{--pagination-radius:2}}@container (min-width:36rem){.pagination-pages{--pagination-radius:3}}@container (min-width:42rem){.pagination-pages{--pagination-radius:4}}@container (min-width:48rem){.pagination-pages{--pagination-radius:5}}.pagination-item{display:contents;container-name:pagination-page}.pagination-link{display:inline-flex}.pagination-ellipsis{flex-shrink:0;align-items:center;display:none}@supports (order:calc(abs(sibling-index() - sibling-count()))){.pagination-item{--pagination-distance:abs(sibling-index() - var(--pagination-active));--pagination-show-page:clamp(0, max(var(--pagination-radius) + 1 - var(--pagination-distance), max(4, 2 * var(--pagination-radius) + 3) - sibling-count() + 1), 1);--pagination-show-gap:0}.pagination-item:first-child,.pagination-item:last-child{--pagination-show-page:1}.pagination-item:nth-child(2){--pagination-show-gap:min(1 - var(--pagination-show-page), max(0, var(--pagination-active) - 2))}.pagination-item:nth-last-child(2){--pagination-show-gap:min(1 - var(--pagination-show-page), max(0, sibling-count() - var(--pagination-active) - 1))}@container pagination-page style(--pagination-show-page:0){.pagination-link{display:none}}@container pagination-page style(--pagination-show-gap:1){.pagination-ellipsis{display:inline-flex}}}}