/* List style variations
--------------------------------------------- */

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) {
	list-style: none;
	padding-inline-start: 0;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) li::before,
.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) li::after {
	content: none;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li {
	padding-inline-start: calc(1em + var(--wp--preset--spacing--x-small));
	position: relative;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li::before,
.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li::after,
.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li > .gaussian-list-icon {
	block-size: 1em;
	display: block;
	height: 1em;
	inline-size: 1em;
	left: auto;
	top: auto;
	inset-block-start: .3em;
	inset-inline-start: 0;
	position: absolute;
	width: 1em;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li::before {
	background-color: var(
		--gaussian-list-icon-color,
		var(--gaussian-list-icon-color-default)
	);
	border-radius: 50%;
	content: "";
	transform: none;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li::after {
	background-color: var(--wp--preset--color--base);
	content: "";
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li:has(> .gaussian-list-icon)::before,
.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li:has(> .gaussian-list-icon)::after {
	content: none;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) > li > .gaussian-list-icon {
	overflow: visible;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) .gaussian-list-icon__circle {
	fill: var(
		--gaussian-list-icon-color,
		var(--gaussian-list-icon-color-default)
	);
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) .gaussian-list-icon__mark {
	fill: var(--wp--preset--color--base);
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) :is(ul, ol) {
	list-style: revert;
	padding-inline-start: var(--wp--preset--spacing--base) !important;
}

.wp-block-list:is(
	.is-style-list-check-circle,
	.is-style-list-x
) :is(ul, ol) > li {
	padding-inline-start: 0;
}

.wp-block-list.is-style-list-check-circle {
	--gaussian-list-icon-color-default: var(--wp--preset--color--primary);
}

.wp-block-list.is-style-list-check-circle > li::after {
	mask-image: url("../icons/check-mark.svg");
	-webkit-mask-image: url("../icons/check-mark.svg");
}

.wp-block-list.is-style-list-x {
	--gaussian-list-icon-color-default: var(--wp--preset--color--primary-alt);
}

.wp-block-list.is-style-list-x > li::after {
	mask-image: url("../icons/x-mark.svg");
	-webkit-mask-image: url("../icons/x-mark.svg");
}