@layer components{.pagination-nav{container-type:inline-size;display:flex;justify-content:center;align-items:center;gap:var(--spacing-fluid-xs)}.pagination-button{min-width:40px}.pagination-middle{display:none;&[data-distance="0"]{display:inline-flex}@container (width < 24rem){&[data-distance="1"],&[data-distance="2"]{display:none}[data-pages="3"] &,[data-pages="4"] &{display:inline-flex}}@container (width >= 24rem) and (width < 28rem){&[data-distance="1"]{display:inline-flex}&[data-distance="2"]{display:none}}@container (width >= 28rem) and (width < 36rem){&[data-distance="1"],&[data-distance="2"]{display:inline-flex}}@container (width >= 36rem) and (width < 42rem){&[data-distance="1"],&[data-distance="2"],&[data-distance="3"]{display:inline-flex}}@container (width >= 42rem){&[data-distance="1"],&[data-distance="2"],&[data-distance="3"],&[data-distance="4"],&[data-distance="5"]{display:inline-flex}}}.pagination-ellipsis{display:none;align-items:center;@container (width < 24rem){&[data-range^="1"]{display:inline-flex}[data-pages="2"] &,[data-pages="3"] &,[data-pages="4"] &{display:none}}.pagination-nav[data-first=true] &{&:first-of-type{display:none}}.pagination-nav[data-last=true] &{&:last-of-type{display:none}}@container (width >= 24rem) and (width < 28rem){&[data-range^="1,2"]{display:inline-flex}[data-pages="2"] &,[data-pages="3"] &,[data-pages="4"] &,[data-pages="5"] &{display:none}}@container (width >= 28rem) and (width < 36rem){&[data-range^="1,2,3,4"]{display:inline-flex}[data-pages="2"] &,[data-pages="3"] &,[data-pages="4"] &,[data-pages="5"] &,[data-pages="6"] &{display:none}}@container (width >= 36rem) and (width < 42rem){&[data-range^="1,2,3,4,5"]{display:inline-flex}[data-pages="2"] &,[data-pages="3"] &,[data-pages="4"] &,[data-pages="5"] &,[data-pages="6"] &{display:none}}@container (width >= 42rem){&[data-range^="1,2,3,4,5,6"]{display:inline-flex}[data-pages="2"] &,[data-pages="3"] &,[data-pages="4"] &,[data-pages="5"] &,[data-pages="6"] &,[data-pages="7"] &{display:none}}}}