.animated-chart{--chart-primary-color:#b3003c;--chart-background-color:#f8f9fa;--chart-border-color:#e9ecef;--chart-text-color:#333;--chart-muted-color:#555;--chart-fill-color:#ffeff1;--chart-ring-size:20;--animation-duration:2s;--animation-timing-function:ease;align-items:center;background-color:var(--chart-background-color);border:1px solid var(--chart-border-color);border-radius:12px;color:var(--chart-text-color);display:flex;flex-flow:column wrap;gap:20px;margin:2rem auto;padding:2.5rem;text-align:center;width:100%}.grafico{height:160px;position:relative;width:160px}svg{transform:rotate(0deg)}.cerchio-valore{color:var(--chart-primary-color);font-size:28px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.label{font-size:14px;line-height:1.4;margin-top:12px;max-width:160px}.text-elem{display:flex;gap:10px}.freccia{font-size:22px}.freccia,.sottotitolo{color:var(--chart-primary-color)}.sottotitolo{font-size:14px;margin-top:6px}footer{color:var(--chart-muted-color);font-size:13px;font-style:italic;margin-top:24px;text-align:center;width:100%}.animated-chart circle.fg{stroke-dasharray:439.6;stroke-dashoffset:439.6;transition:stroke-dashoffset var(--animation-duration) var(--animation-timing-function)}.animated-chart.component-in-view .fg-69{stroke-dashoffset:136.4}.animated-chart.component-in-view .fg-53{stroke-dashoffset:206.6}@media (min-width:768px){.animated-chart{align-items:start;flex-flow:row wrap;justify-content:center}.text-elem{align-self:center;flex-direction:column}}