/* Lists --------------------------------------------------------------- */

:where(ul, ol).has-blocksy-list-style,
.has-blocksy-list-style :where(ul, ol) {
	list-style: none !important;
	padding-left: var(--blocksy-list-padding-left, 30px);
}

:where(ul, ol).has-blocksy-list-style > li,
.has-blocksy-list-style :where(ul, ol) > li {
	position: relative;
	padding-left: calc(var(--blocksy-list-marker-size, 18px) + var(--blocksy-list-marker-gap, 12px));
	margin-bottom: var(--blocksy-list-item-gap, 8px);
}

:where(ul, ol).has-blocksy-list-style > li:last-child,
.has-blocksy-list-style :where(ul, ol) > li:last-child {
	margin-bottom: 0;
}

:where(ul, ol).has-blocksy-list-style > li::before,
.has-blocksy-list-style :where(ul, ol) > li::before {
	content: var(--blocksy-list-marker-content, "\2014");
	position: absolute;
	inset-inline-start: 0;
	top: calc(0.75em + var(--blocksy-list-marker-offset, 0px));
	top: calc(0.7lh + var(--blocksy-list-marker-offset, 0px));
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	width: var(--blocksy-list-marker-size, 18px);
	justify-content: center;
	color: var(--blocksy-list-marker-color, var(--theme-palette-color-1));
	font-size: var(--blocksy-list-marker-size, 18px);
	font-weight: var(--blocksy-list-marker-weight, 800);
	line-height: 1;
}

:where(ul, ol).has-blocksy-list-style :where(ul, ol),
.has-blocksy-list-style :where(ul, ol) :where(ul, ol) {
	margin-top: var(--blocksy-list-item-gap, 8px);
	--blocksy-list-marker-size: var(--blocksy-list-nested-marker-size, 16px);
}

:where(ul, ol).has-blocksy-list-style[data-blocksy-list-marker="svg"] > li::before,
.has-blocksy-list-style[data-blocksy-list-marker="svg"] :where(ul, ol) > li::before {
	content: "";
	width: var(--blocksy-list-marker-size, 18px);
	height: var(--blocksy-list-marker-size, 18px);
	background-color: var(--blocksy-list-marker-color, var(--theme-palette-color-1));
	-webkit-mask: var(--blocksy-list-marker-icon) center / contain no-repeat;
	mask: var(--blocksy-list-marker-icon) center / contain no-repeat;
}

/* Content markers ----------------------------------------------------- */

:where(h1, h2, h3, h4, h5, h6, p).has-blocksy-content-marker,
.has-blocksy-content-marker > :where(h1, h2, h3, h4, h5, h6, p),
.editor-styles-wrapper .has-blocksy-content-marker :where(h1, h2, h3, h4, h5, h6, p) {
	position: relative;
	padding-inline-start: calc(var(--blocksy-content-marker-size, 18px) + var(--blocksy-content-marker-gap, 12px));
}

:where(h1, h2, h3, h4, h5, h6, p).has-blocksy-content-marker::before,
.has-blocksy-content-marker > :where(h1, h2, h3, h4, h5, h6, p)::before,
.editor-styles-wrapper .has-blocksy-content-marker :where(h1, h2, h3, h4, h5, h6, p)::before {
	content: var(--blocksy-content-marker-content, "\2014");
	position: absolute;
	inset-inline-start: 0;
	top: calc(0.75em + var(--blocksy-content-marker-offset, 0px));
	top: calc(0.5lh + var(--blocksy-content-marker-offset, 0px));
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	width: var(--blocksy-content-marker-size, 18px);
	height: var(--blocksy-content-marker-size, 18px);
	justify-content: center;
	color: var(--blocksy-content-marker-color, var(--theme-palette-color-1));
	font-size: var(--blocksy-content-marker-size, 18px);
	font-weight: var(--blocksy-content-marker-weight, 800);
	line-height: 1;
}

:where(h1, h2, h3, h4, h5, h6, p).has-blocksy-content-marker[data-blocksy-content-marker="svg"]::before,
.has-blocksy-content-marker[data-blocksy-content-marker="svg"] > :where(h1, h2, h3, h4, h5, h6, p)::before,
.editor-styles-wrapper .has-blocksy-content-marker[data-blocksy-content-marker="svg"] :where(h1, h2, h3, h4, h5, h6, p)::before {
	content: "";
	width: var(--blocksy-content-marker-size, 18px);
	height: var(--blocksy-content-marker-size, 18px);
	background-color: var(--blocksy-content-marker-color, var(--theme-palette-color-1));
	-webkit-mask: var(--blocksy-content-marker-icon) center / contain no-repeat;
	mask: var(--blocksy-content-marker-icon) center / contain no-repeat;
}