.pagination{width:100%;margin-right:auto;margin-left:auto;padding-right:1.25rem;padding-left:1.25rem}@media (min-width: 576px){.pagination{max-width:576px}}@media (min-width: 768px){.pagination{max-width:768px}}@media (min-width: 853px){.pagination{max-width:853px}}@media (min-width: 1056px){.pagination{max-width:1056px}}@media (min-width: 1300px){.pagination{max-width:1300px}}.pagination{width:100%}.pagination .pagination__container{display:flex;align-items:center;justify-content:center;padding-bottom:2.5rem;text-align:center}:is(.pagination .pagination__container)>span{pointer-events:none}:is(.pagination .pagination__container) .page-numbers{position:relative;display:flex;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:oklch(var(--base-0) / var(--tw-bg-opacity));font-size:.875rem;font-weight:600;--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));text-decoration-line:none;margin-left:0;margin-right:.25rem;height:2rem;width:2rem;border-radius:9999px;padding:0}[href]:is(:is(.pagination .pagination__container) .page-numbers):hover{--tw-bg-opacity: 1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:oklch(var(--base-0) / var(--tw-text-opacity))}.current:is(:is(.pagination .pagination__container) .page-numbers){--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:oklch(var(--base-0) / var(--tw-text-opacity))}.next:is(:is(.pagination .pagination__container) .page-numbers):before,.prev:is(:is(.pagination .pagination__container) .page-numbers):before{display:block;height:.5rem;width:.5rem;background-color:transparent;border-top-width:1px;border-right-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));content:""}.next:is(:is(.pagination .pagination__container) .page-numbers):before{margin-left:-.25rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.prev:is(:is(.pagination .pagination__container) .page-numbers):before{margin-left:.125rem;transform:rotate(-135deg)}.next:is(:is(.pagination .pagination__container) .page-numbers),.prev:is(:is(.pagination .pagination__container) .page-numbers){border-width:1px;--tw-border-opacity: 1;border-color:var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:oklch(var(--base-0) / var(--tw-bg-opacity))}:is(.next:is(:is(.pagination .pagination__container) .page-numbers),.prev:is(:is(.pagination .pagination__container) .page-numbers)):hover{--tw-bg-opacity: 1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)))}:is(.next:is(:is(.pagination .pagination__container) .page-numbers),.prev:is(:is(.pagination .pagination__container) .page-numbers)):hover:before{--tw-border-opacity: 1;border-color:oklch(var(--base-0) / var(--tw-border-opacity))}:is(.next:is(:is(.pagination .pagination__container) .page-numbers),.prev:is(:is(.pagination .pagination__container) .page-numbers)) span{display:none}
