@layer components{.pui-pagination{height:var(--control-height-sm);border:var(--stroke-sm) solid var(--border-clr-base);border-radius:var(--radius-sm);background:var(--bg-clr-surface);align-items:stretch;margin:0;padding:0;list-style:none;display:inline-flex}.pui-pagination>li{display:flex}.pui-pagination>li+li :is(.pui-pagination__item,.pui-pagination__ellipsis){border-inline-start:var(--stroke-sm) solid var(--border-clr-base)}.pui-pagination>li:first-child .pui-pagination__item{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.pui-pagination>li:last-child .pui-pagination__item{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.pui-pagination__item{min-width:var(--control-height-sm);height:100%;padding-inline:var(--space-2xs);appearance:none;font:inherit;font-size:var(--step--1);font-weight:var(--fw-control);font-variant-numeric:tabular-nums;color:var(--text-clr-base);cursor:pointer;transition:background-color var(--duration-base) var(--ease-base);background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.pui-pagination__item:hover:not(:disabled,[aria-disabled=true]){background:var(--bg-clr-surface-2)}.pui-pagination__item:focus-visible{z-index:1;outline:var(--outline-width) solid var(--outline-clr-base);outline-offset:calc(var(--outline-offset) * -1);position:relative}.pui-pagination__item[aria-current=page]{background:var(--bg-clr-selected);color:var(--text-clr-base)}.pui-pagination__item:disabled,.pui-pagination__item[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}@container (width<=18rem){.pui-pagination>li:not(:first-child,:last-child,:has(>[aria-current=page])){display:none}}@container (width<=30rem){.pui-pagination-footer__summary,.pui-pagination-footer__control{text-align:center;flex:1 0 100%}.pui-pagination-footer__summary{order:1}}.pui-pagination{height:var(--control-height-sm);border:var(--stroke-sm) solid var(--border-clr-base);border-radius:var(--radius-sm);background:var(--bg-clr-surface);align-items:stretch;margin:0;padding:0;list-style:none;display:inline-flex}.pui-pagination>li{display:flex}.pui-pagination>li+li :is(.pui-pagination__item,.pui-pagination__ellipsis){border-inline-start:var(--stroke-sm) solid var(--border-clr-base)}.pui-pagination>li:first-child .pui-pagination__item{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.pui-pagination>li:last-child .pui-pagination__item{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.pui-pagination__item{min-width:var(--control-height-sm);height:100%;padding-inline:var(--space-2xs);appearance:none;font:inherit;font-size:var(--step--1);font-weight:var(--fw-control);font-variant-numeric:tabular-nums;color:var(--text-clr-base);cursor:pointer;transition:background-color var(--duration-base) var(--ease-base);background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.pui-pagination__item:hover:not(:disabled,[aria-disabled=true]){background:var(--bg-clr-surface-2)}.pui-pagination__item:focus-visible{z-index:1;outline:var(--outline-width) solid var(--outline-clr-base);outline-offset:calc(var(--outline-offset) * -1);position:relative}.pui-pagination__item[aria-current=page]{background:var(--bg-clr-selected);color:var(--text-clr-base)}.pui-pagination__item:disabled,.pui-pagination__item[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.pui-pagination__ellipsis{min-width:var(--control-height-sm);height:100%;font-size:var(--step--1);color:var(--text-clr-muted);place-items:center;display:inline-grid}.pui-pagination-nav{container-type:inline-size}@container (width<=18rem){.pui-pagination>li:not(:first-child,:last-child,:has(>[aria-current=page])){display:none}}.pui-pagination-footer{align-items:center;gap:var(--space-xs) var(--space-s);padding:var(--space-xs) var(--space-s);border-block-start:var(--stroke-sm) solid var(--border-clr-base);background:var(--bg-clr-surface);flex-wrap:wrap;display:flex;container-type:inline-size}.pui-pagination-footer__summary{font-size:var(--step--1);color:var(--text-clr-muted);font-variant-numeric:tabular-nums}.pui-pagination-footer__control{text-align:end;flex:1}@container (width<=30rem){.pui-pagination-footer__summary,.pui-pagination-footer__control{text-align:center;flex:1 0 100%}.pui-pagination-footer__summary{order:1}}}