.pagination{display:grid;align-items:center;gap:1.5rem;justify-items:center;grid-template-areas:"actions actions" "summary summary" "page-size page-size"}@media (min-width:1024px){.pagination{justify-items:unset;grid-template-areas:"summary actions page-size";grid-template-columns:repeat(3,1fr)}}.pagination--variant-infinite{justify-items:unset;grid-template-areas:"button button button" "summary . page-size"}@media (min-width:1024px){.pagination--variant-infinite{grid-template-areas:"summary button page-size";grid-template-columns:repeat(3,1fr)}}.pagination__summary{grid-area:summary}.pagination__load-more-button{grid-area:button;margin-inline:auto}.pagination__actions{grid-area:actions;display:flex;justify-content:space-between;gap:2rem}.pagination__pagination-button-wrapper{display:flex;gap:1rem}.pagination__pagination-button{--padding:1rem 2rem;--color-hover:var(--theme-color-primary-dark);color:var(--theme-color-grayscale-0)}.pagination__pagination-button:active,.pagination__pagination-button:focus{--background-color-focus:var(--theme-color-primary-lightest)}.pagination__pagination-button--active{--background-color-hover:var(--theme-color-primary-lightest);background-color:var(--theme-color-primary-lightest);color:var(--theme-color-primary-dark);border:none;pointer-events:none}.pagination__pagination-button--next,.pagination__pagination-button--previous{--background-color:none;--background-color-hover:none;--color-hover:var(--theme-color-primary-very-light);padding:8px 16px;color:var(--theme-color-primary-dark)}.pagination__pagination-button--next[disabled]:not(.button--loading),.pagination__pagination-button--previous[disabled]:not(.button--loading){--background-color-disabled:none}.pagination__pagination-button--previous svg{transform:rotate(180deg)}.pagination__pagination-button--ellipsis{pointer-events:none}.pagination__page-size{grid-area:page-size}@media (min-width:1024px){.pagination__page-size{justify-self:flex-end}}.pagination__page-size .label{grid-template-columns:1fr auto;gap:1rem}.pagination__page-size .label__name{font-size:1.6rem;font-weight:400;line-height:1.125;display:inline;margin-block:auto;text-align:right}