/* CONTENT */

/* .CONTENT .content :is(h1, h2, h3, h4, h5, h6) + p:last-child {text-wrap: balance;} */
.CONTENT[data-misc~="center-text"] {text-align: center;}

.CONTENT[data-variant="2"] ul li,
.CONTENT[data-variant="3"] ul li {
	list-style: none;
	position: relative;
	padding-top: var(--s3);
	padding-bottom: var(--s3);
}

.CONTENT[data-variant="2"] ul li::before,
.CONTENT[data-variant="3"] ul li::before {
	content: '';
	position: absolute;
	top: var(--s3);
	left: var(--ns3);
	background-repeat: no-repeat;
	background-position: left;
	width: var(--s4);
	height: var(--s5);
}

.CONTENT[data-variant="2"] ul li::after,
.CONTENT[data-variant="3"] ul li::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: var(--ns3);
	background: var(--white);
	height: 1px;
	width: -webkit-fill-available;
}

.CONTENT[data-variant="2"] ul li {
	border-color: var(--white);
	padding-left: var(--s3);
}
.CONTENT[data-variant="3"] ul li {
	border-color: var(--deep-indigo);
}

.CONTENT[data-variant="2"] ul li::before {
	background-image: url(../../assets/images/ui-checkmark.svg);
}
.CONTENT[data-variant="3"] ul li::before {
	background-image: url(../../assets/images/ui-x.svg);
}

.b-container[data-background="2"] .CONTENT[data-variant="2"] ul li::after {background: var(--deep-indigo);}
.b-container[data-background="2"] .CONTENT[data-variant="2"] ul li::before {
	background-image: url(../../assets/images/ui-checkmark-dark.svg);
}

.b-page.sport .CONTENT[data-variant="2"] ul li::before {
	background-image: url(../../assets/images/ui-checkmark-sport.svg);
}

@media screen and (max-width: 960px) {
	.CONTENT:not[data-misc~="keep-breaks"] .content br {display: none;}
	.CONTENT[data-variant="2"] .content, .CONTENT[data-variant="3"] .content {overflow: hidden;}
}