.pagination {

    grid-column: span 12 / span 12;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    gap: 1rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-grey-tone-three) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-site-bg-one) / var(--tw-bg-opacity));

    padding: 1rem
}

	.pagination__pages {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    gap: 0.5rem
}

	.pagination__page {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 32px;

    width: 32px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-grey-tone-two) / var(--tw-bg-opacity));

    font-family: var(--font-secondary);

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-one) / var(--tw-text-opacity))
}

	.pagination__page:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));

    font-weight: 700
}

	.pagination__page--active {

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity))
}

	.pagination__prev,
	.pagination__next {

    cursor: pointer;

    font-family: var(--font-secondary);

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: rgb(var(--color-site-text-one) / var(--tw-text-opacity))
}

	.pagination__prev:hover,
	.pagination__next:hover {

    -webkit-text-decoration-line: underline;

            text-decoration-line: underline
}

	.pagination__prev--disabled,
	.pagination__next--disabled {

    pointer-events: none;

    --tw-text-opacity: 1;

    color: rgb(var(--color-grey-tone-six) / var(--tw-text-opacity))
}

	.pagination__prev i,
	.pagination__next i {

    font-size: 1.5rem;

    line-height: 2rem
}

	@media (min-width: 1024px) {

    .pagination__prev i,
	.pagination__next i {

        display: none
    }
}

	@media (max-width: 1023px) {

    .pagination__prev span,
	.pagination__next span {

        display: none
    }
}


/*# sourceMappingURL=pagination.ca6c3978898dc469a27a.css.map*/