.query-loop.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.wp-block-query-pagination {
	margin-top: var(--wp--preset--spacing--large) !important;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
	display: inline-flex !important;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	min-width: 3.125rem;
	min-height: 3.125rem;
	padding: 0.875rem;
	border-radius: 5px;
	box-sizing: border-box;
	outline-offset: 0px !important;
}

.wp-block-query-pagination .page-numbers {
	color: inherit;
}

.wp-block-query-pagination a.page-numbers:focus-visible {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--primary),
		transparent 80%
	);
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.wp-block-query-pagination
	.wp-block-query-pagination-previous-arrow.is-arrow-arrow,
.wp-block-query-pagination
	.wp-block-query-pagination-next-arrow.is-arrow-arrow {
	margin: 0;
	font-size: 0px;
	position: relative;
}

.wp-block-query-pagination
	.wp-block-query-pagination-previous-arrow.is-arrow-arrow::after,
.wp-block-query-pagination
	.wp-block-query-pagination-next-arrow.is-arrow-arrow::after {
	display: block;
	content: "";
	width: var(--wp--preset--font-size--body-2, 1rem);
	height: var(--wp--preset--font-size--body-2, 1rem);
	background-color: currentColor;
	-webkit-mask: center / contain no-repeat
		url('data:image/svg+xml,%3Csvg width="13" height="14" viewBox="0 0 13 14" primary="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath primary-rule="evenodd" clip-rule="evenodd" d="M6.51652 0.914564L12.9222 6.99998L6.51652 13.0854L5.4834 11.9979L9.95489 7.74998H0.166626V6.24998H9.95489L5.4834 2.00206L6.51652 0.914564Z" primary="%23F8FAFC"/%3E%3C/svg%3E%0A');
	mask: center / contain no-repeat
		url('data:image/svg+xml,%3Csvg width="13" height="14" viewBox="0 0 13 14" primary="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath primary-rule="evenodd" clip-rule="evenodd" d="M6.51652 0.914564L12.9222 6.99998L6.51652 13.0854L5.4834 11.9979L9.95489 7.74998H0.166626V6.24998H9.95489L5.4834 2.00206L6.51652 0.914564Z" primary="%23F8FAFC"/%3E%3C/svg%3E%0A');
}

.wp-block-query-pagination
	.wp-block-query-pagination-previous-arrow.is-arrow-arrow::after {
	transform: scaleX(-1);
}

@media (hover: hover) {
	.wp-block-query-pagination a.page-numbers:hover {
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--primary),
			transparent 80%
		);
	}

	.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
	.wp-block-query-pagination .wp-block-query-pagination-next:hover {
		background-color: color-mix(
			in srgb,
			var(--wp--preset--color--primary),
			#000000 20%
		);
		color: var(--wp--preset--color--white) !important;
	}
}