.block-toc {
	background-color: var(--wp--preset--color--secondary);
	padding: 25px 40px;
}

.block-toc summary {
	cursor: pointer;
	list-style-type: none;
	font-family: var(--wp--preset--font-family--self-modern);
	font-size: var(--wp--preset--font-size--large);
	text-transform: capitalize;
}

.block-toc summary::-webkit-details-marker {
	display: none;
}

.block-toc summary span {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.block-toc summary svg {
	vertical-align: middle;
	flex-shrink: 0;
}

.block-toc[open] summary svg {
	transform: rotate(180deg);
}

.block-toc ol {
	list-style-type: disc;
	padding-bottom: 0.5rem;
}

.block-toc > ol {
	border-top: 1px solid var(--wp--preset--color--foreground);
	padding-top: 18px;
	padding-bottom: 0;
}

.block-toc li {
	font-weight: 500;
}

.block-toc li::marker {
	font-size: 1.25rem;
    line-height: 1;
}

.block-toc ol li a {
	position: relative;
}

.block-toc ol li svg {
	vertical-align: middle;
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.entry-content > .block-toc,
	.block-area > .block-toc {
		padding-left: var(--wp--custom--layout--padding);
		padding-right: var(--wp--custom--layout--padding);
		margin-left: calc( -1 * var(--wp--custom--layout--padding) );
		margin-right: calc( -1 * var(--wp--custom--layout--padding) );
	}
}