.br-highlighted-heading {
	margin: 0;
}

.br-highlighted-heading__break {
	display: none;
}

.br-highlighted-heading__mark {
	--br-highlight-color: #ffe226;
	--br-highlight-opacity: 1;
	--br-highlight-thickness: 0.22em;
	--br-highlight-position: 0.04em;
	--br-highlight-extend-left: 0em;
	--br-highlight-extend-right: 0em;
	--br-highlight-line-gap: 0.12em;
	--br-highlight-rotation: 0deg;
	position: relative;
	z-index: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--br-highlight-line-gap);
	max-width: 100%;
	vertical-align: bottom;
	isolation: isolate;
	color: inherit;
	background: none;
	font: inherit;
	line-height: inherit;
	transform: rotate(var(--br-highlight-rotation));
	transform-origin: center;
}

.br-highlighted-heading__mark-line {
	position: relative;
	z-index: 0;
	display: inline-block;
	max-width: 100%;
	background: none;
}

.br-highlighted-heading--highlight-same-line .br-highlighted-heading__mark {
	display: inline;
	vertical-align: baseline;
}

.br-highlighted-heading--highlight-same-line .br-highlighted-heading__mark-line {
	display: inline-block;
}

.br-highlighted-heading--highlight-same-line .br-highlighted-heading__mark-line + .br-highlighted-heading__mark-line {
	display: block;
	width: max-content;
	max-width: 100%;
	margin-top: var(--br-highlight-line-gap);
}

.br-highlighted-heading__mark-line::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: calc(-1 * var(--br-highlight-extend-left));
	right: calc(-1 * var(--br-highlight-extend-right));
	background: var(--br-highlight-color);
	opacity: var(--br-highlight-opacity);
	pointer-events: none;
}

.br-highlighted-heading--underline .br-highlighted-heading__mark-line::after,
.br-highlighted-heading--marker .br-highlighted-heading__mark-line::after {
	bottom: var(--br-highlight-position);
	height: var(--br-highlight-thickness);
}

.br-highlighted-heading--solid .br-highlighted-heading__mark-line::after {
	inset: 0;
}

.br-highlighted-heading--text .br-highlighted-heading__mark-line::after,
.br-highlighted-heading--none .br-highlighted-heading__mark-line::after {
	content: none;
}
