:root{--numbers-number-size:var(--title-h3-size);--numbers-number-progress:0;--numbers-circle-color:var(--yellow);--numbers-animation-speed:1s}.numbers__item,.numbers__list{display:flex;flex-direction:column}.numbers__item{align-items:center;flex:1;gap:1rem;padding:3rem;position:relative;text-align:center}.numbers__item-fact{--text-margin-bottom:0}.numbers__item-figure{display:block;margin-bottom:1rem;position:relative}.numbers__item-number{display:block;font-size:var(--numbers-number-size);font-weight:400;left:50%;line-height:1;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.numbers__item-progress{--_size:calc(var(--numbers-number-size)*5);--_half-size:calc(var(--_size)/2);--_stroke-width:calc(var(--numbers-number-size)*0.7);--_stroke-width-bg:calc(var(--numbers-number-size)*0.2);--_radius:calc((var(--_size) - var(--_stroke-width))/2);--_circumference:calc(var(--_radius)*pi*2);--_dash:calc((var(--numbers-number-progress)*var(--_circumference))/100);height:var(--_size);width:var(--_size)}.numbers__item-circle{cx:var(--_half-size);cy:var(--_half-size);r:var(--_radius);stroke-width:var(--_stroke-width);fill:none;stroke-linecap:butt}.numbers__item-circle--background{stroke-width:var(--_stroke-width-bg);stroke:currentColor;opacity:10%}.numbers__item-circle--foreground{transform:rotate(-90deg);transform-origin:var(--_half-size) var(--_half-size);stroke-dasharray:var(--_dash) calc(var(--_circumference) - var(--_dash));transition:stroke-dasharray var(--numbers-animation-speed) ease-out 0s;stroke:var(--numbers-circle-color)}.numbers__item-source{opacity:40%}@media (min-width:900px){.numbers__list{align-items:normal;flex-direction:row;justify-content:center;width:100%}.numbers__item{max-width:33.33333%}.numbers__item-description,.numbers__item-number{justify-content:center}.numbers__item-number{padding:0;text-align:center}.numbers__item-description,.numbers__item-number{flex:initial;width:auto}}@media (min-width:1200px){.numbers__item{padding:4rem}}