.gb-query-loop-pagination[class^="gb-element-"],
.gb-query-loop-pagination.wp-block-generateblocks-element,
.navigation.pagination .nav-links,
.woocommerce nav.woocommerce-pagination {
	color: var(--wp--preset--color--bleu-fonce);
	display: flex;
	gap: var(--wp--preset--spacing--xs);
	align-items: center;
	justify-content: flex-end !important;
	margin-block: var(--wp--preset--spacing--m);
	font-size: var(--wp--preset--font-size--0);
	font-family: var(--wp--preset--font-family--cal-sans);

	@media screen and (max-width: 600px) {
		font-size: var(--wp--preset--font-size--minus-2);
	}

	ul {
		li {
			border-right: none;
		}
	}

	.page-numbers,
	a {
		padding: 1rem;

		@media screen and (max-width: 600px) {
			padding: 0.5rem;
		}
	}

	/* Previous and next buttons (GenerateBlocks output) */
	& > a {
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--2-xs);
		color: inherit;
		font-size: inherit;
		--icon-width: 9px;
		--icon-height: 17px;

		&:nth-child(1) {
			&::before {
				transition: 200ms;
				content: "";
				display: block;
				width: var(--icon-width);
				height: var(--icon-height);
				background-color: var(--wp--preset--color--bleu-fonce);

				transform: rotate(180deg);

				-webkit-mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}
		}

		&:nth-last-child(1) {
			&::after {
				transition: 200ms;
				content: "";
				display: block;
				width: var(--icon-width);
				height: var(--icon-height);
				background-color: var(--wp--preset--color--bleu-fonce);

				-webkit-mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}
		}
	}

	/* Default WP/WooCommerce list output from paginate_links(type=list) */
	ul.page-numbers {
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--xs);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul.page-numbers li {
		margin: 0;
		padding: 0;
	}

	.page-numbers {
		background-color: transparent;
		border: none;
		font-size: inherit;
		color: currentColor;
		text-decoration: none;
	}

	.page-numbers.current {
		color: var(--wp--preset--color--bleu-ciel);
	}

	.page-numbers.prev,
	.page-numbers.next {
		display: flex;
		align-items: center;
		gap: var(--wp--preset--spacing--2-xs);
		--icon-width: 9px;
		--icon-height: 17px;
	}

	.page-numbers.prev::before {
		transition: 200ms;
		content: "";
		display: block;
		width: var(--icon-width);
		height: var(--icon-height);
		background-color: var(--wp--preset--color--bleu-fonce);
		transform: rotate(180deg);
		-webkit-mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.page-numbers.next::after {
		transition: 200ms;
		content: "";
		display: block;
		width: var(--icon-width);
		height: var(--icon-height);
		background-color: var(--wp--preset--color--bleu-fonce);
		-webkit-mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		mask-image: url('data:image/svg+xml,<svg width="9" height="17" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.7874 17.1733L9.2367 9.21789L1.5 1.5007" stroke="%23003366" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	a {
		background-color: transparent;
		border: none;

		&:hover {
			transition: 200ms;
			color: var(--wp--preset--color--bleu-ciel);

			&::before,
			&::after {
				background-color: var(--wp--preset--color--bleu-ciel);
			}
		}
	}
}

/* block-editor-block-list__block wp-block is-selected gb-query-loop-pagination gb-element-4d6ea341 wp-block-generateblocks-element block-editor-block-list__layout */