No notes defined.
<figure class='c-stat c-stat--inline c-stat--with-icon '>
<span class='c-icon c-icon--double c-stat__icon c-icon--noun_idea_1430544-svg'>
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px">
<path d="M45.55,50.44a4.69,4.69,0,0,0,6.63,0L69,33.6A4.69,4.69,0,0,0,69,27L65.2,23.15a4.69,4.69,0,0,0-6.63,0l-9.71,9.71L45.3,29.31a4.69,4.69,0,0,0-6.63,0l-3.82,3.82a4.69,4.69,0,0,0,0,6.63ZM42,33.06l5.1,5.1a2.5,2.5,0,0,0,3.54,0L61.89,26.9l3.38,3.38L48.86,46.69,38.61,36.44Z"></path>
<path d="M43.56,90a9,9,0,1,0,9-9A9,9,0,0,0,43.56,90Zm12.92,0a4,4,0,1,1-4-4A4,4,0,0,1,56.48,90Z"></path>
<path d="M24.62,56.35a22.43,22.43,0,0,0,3,9.4A11.28,11.28,0,0,0,47.12,77,22.57,22.57,0,0,0,66.6,65.66,20.37,20.37,0,0,0,87.76,32.73a22.77,22.77,0,0,0,1.68-8.62A23.1,23.1,0,0,0,53.11,5.16,22.38,22.38,0,0,0,17.9,20.66a18.78,18.78,0,0,0,6.72,35.69ZM37.72,77A6.29,6.29,0,1,1,44,70.71,6.29,6.29,0,0,1,37.72,77ZM21.14,24.71a2.5,2.5,0,0,0,1.61-2.21A17.38,17.38,0,0,1,51.47,10.22a2.5,2.5,0,0,0,3.24,0A18.1,18.1,0,0,1,84.44,24.11a17.9,17.9,0,0,1-1.89,8A2.5,2.5,0,0,0,83.06,35,15.37,15.37,0,0,1,66.36,60.26a2.5,2.5,0,0,0-3.27,1.28A17.57,17.57,0,0,1,49,71.84c0-.37.06-.75.06-1.13A11.27,11.27,0,0,0,31.08,61.6a17.48,17.48,0,0,1-1.55-7.19v-.15c0-.12,0-.23,0-.35a2.5,2.5,0,0,0-2.66-2.57h-.22c-.23,0-.46,0-.69,0a13.79,13.79,0,0,1-4.86-26.69Z"></path>
</svg>
</span> <span class='c-stat__text'>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Focus on Impact</strong>
</figcaption>
<span class='c-stat__figure'><span class='c-stat__number'>91%</span> <span class='c-stat__progress-bar' style='width: 91%;'></span></span>
<span class='c-stat__detail'>of participants in 2019 aim at helping as many individuals as possible, even if it costs them time and energy.</span>
</span>
</figure>
<figure class='{{ get_component_class( 'stat', display ) }} {% if icon %} c-stat--with-icon {% endif %}'>
{% if icon %}
{% include '@unit/icon/icon.twig' with icon|merge( { display: { component: 'stat', modifiers: [ 'double' ] } } ) %}
{% endif %}
<span class='c-stat__text'>
{% if detail %}
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>{{ caption | raw }}</strong>
</figcaption>
{% endif %}
<span class='c-stat__figure' {% if floating %} style='padding-left: {{ figure }}%;'{% endif %}><span class='c-stat__number'>{{ figure }}{{ suffix }}</span> {% if suffix == "%" %} <span class='c-stat__progress-bar' style='width: {{ figure }}%;'></span>{% endif %}</span>
{% if not detail %}
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>{{ caption | raw }}</strong>
</figcaption>
{% else %}
{% if detail %}
<span class='c-stat__detail'>{{ detail | raw }}</span>
{% endif %}
{% endif %}
</span>
</figure>
{
"figure": 91,
"suffix": "%",
"caption": "Focus on Impact",
"detail": "of participants in 2019 aim at helping as many individuals as possible, even if it costs them time and energy.",
"display": {
"modifiers": [
"inline"
]
},
"icon": {
"basename": "noun_Idea_1430544.svg"
}
}