@keyframes opacityFade{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes slideUp{0%{transform:translateY(2rem)}to{transform:translateY(0)}}.pagination{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-md);margin:var(--spacing-xl) 0 var(--spacing-xxl)}.pagination__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-xs)}.pagination__button{height:4rem;width:4rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;flex-shrink:0;border-radius:var(--border-radius-full);color:var(--text-link-icon-default);background-color:var(--action-button-inner-surface-default);z-index:var(--z-index-action)}.pagination__button:not(.pagination__button--disabled):hover,.pagination__button:not(.pagination__button--disabled):focus{color:var(--text-link-icon-inverted-default);background-color:var(--text-link-icon-default-hover)}.pagination__button--disabled{color:var(--text-link-icon-inverted-default);background-color:var(--surface-70);cursor:not-allowed}.pagination__button svg{width:2.4rem;height:2.4rem}.pagination__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-xs)}.pagination__item{width:1.6rem;height:.8rem;background-color:var(--pagination-fill-default);border-radius:var(--border-radius-sm)}.pagination__item--current{width:3.2rem;background-color:var(--pagination-fill-active)}@media screen and (min-width: 768px){.pagination{margin:var(--spacing-xxl) 0}}