{# visual_src, visual_alt, visual_kind, icon, compact (bool) #}
<div class="competition-stat-visual competition-stat-visual--{{ visual_kind|default('icon') }}{% if compact|default(false) %} competition-stat-visual--compact{% endif %}" aria-hidden="true">
    {% if visual_src %}
        {% set src = (visual_src starts with 'http://' or visual_src starts with 'https://') ? visual_src : asset(visual_src) %}
        <img
            src="{{ src }}"
            alt=""
            class="competition-stat-visual__img competition-stat-visual__img--{{ visual_kind|default('icon') }}"
            loading="lazy"
            decoding="async"
        >
    {% elseif visual_alt|default('') %}
        <span class="competition-stat-visual__placeholder competition-stat-visual__placeholder--{{ visual_kind|default('icon') }}" title="{{ visual_alt }}">
            {{ visual_alt|first|upper }}
        </span>
    {% else %}
        <i class="ti {{ icon|default('ti-chart-bar') }}"></i>
    {% endif %}
</div>