msFavorites - визуальное отображение если список не пуст

Здравствуйте. При добавлении товара(ресурса) в список избранного у тега с классом msfavorites, который добавлен в список, добавляется класс voted, через такое изменение можно обозначить визуально, какой товар добавлен в список а какой нет, вот тут так и делается
msfavorites.vgrish.ru/
В моем случае, в шапке сайта есть значок-ссылка, которая отправляет нас на страницу со списком избранного, по дизайну, если список пуст, то иконка одна, а если в списке есть хоть один товар, то иконка другая — визуально активная. Как я и говорил, поменять иконку на кнопке которая добавляет товар можно через класс voted, а как можно поменять иконку в шапке? Там никакие классы не добавляются
В документации лишь описывается как вывести количество товаров в списке, вот что сейчас у меня в в шапке

[[!msFavorites.initialize]]
                      
        <div class="fave header__fave">
            <a href="[[~1622]]" class="msfavorites">
                <div class="icon icon--fave"></div>
                <nobr class="fave__title">Избранное</nobr>
                <span class="msfavorites-total" data-data-list="default"></span>
            </a>
            
        </div>

Но по дизайну

<span class="msfavorites-total" data-data-list="default"></span>

мне не нужен, то, что список не пустой необходимо показать через иконку — визуально

.msfavorites-total-all .msfavorites-total:before {
	content: "Y";
}
.msfavorites-total-all .msfavorites-total[data-value="0"]:before {
	content: "X";
}