
.wp-block-query.has-mobile-carousel:has(.splide.is-active) {
	--dots-background: transparent;
	--dots-border-color: currentColor;
	--dots-width: 1rem;
	--dots-height: 1rem;
	--dots-gap: .5rem;
	--dots-radius: 1rem;
	--dots-top-spacing: 1rem;
	margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
	margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
	max-width: var(--wp--custom--full-viewport-width) !important;
}

.wp-block-query.has-mobile-carousel:has(.splide.is-active) .wp-block-post-template.is-layout-grid.splide__list {
	display: flex;
	gap: 0;
}

.wp-block-query.has-mobile-carousel:has(.splide.is-active) .splide__pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--dots-gap);
	margin-top: var(--dots-top-spacing);
	padding: 0;
	position: relative;
}

.wp-block-query.has-mobile-carousel:has(.splide.is-active) .splide__pagination li {
	display: flex;
}

.wp-block-query.has-mobile-carousel:has(.splide.is-active) .splide__pagination__page {
	background: var(--dots-background);
	border: 1px solid var(--dots-border-color);
	border-radius: var(--dots-radius);
	height: var(--dots-height);
	padding: 0;
	transition: width .3s ease-in-out;
	width: var(--dots-width);
}

.wp-block-query.has-mobile-carousel:has(.splide.is-active) .splide__pagination__page.is-active {
	--dots-background: currentColor;
}
