.xCbGrpHdr {
	position: relative;
	display: block;
}

.xCbGrpHdr::after {
	font-family: var(--font-family--icon);
	content: var(--icon-chevron--right);
	font-size: var(--font-size-3);
	color: var(--color-text-icon-default);
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.xCbGrpHdr[barstate="closed"]::after {
	content: var(--icon-chevron--right);
}

.xCbGrpHdr[barstate="open"]::after {
	content: var(--icon-chevron--down);
}