.charts{display:flex;justify-content:space-around}:root{--donut-color:#7570b3}.svg-item{width:100%;font-size:15px;margin:0 auto;-webkit-animation:donutfade 1s;animation:donutfade 1s}@-webkit-keyframes donutfade{0%{opacity:.2}to{opacity:1}}@keyframes donutfade{0%{opacity:.2}to{opacity:1}}@media(min-width:992px){.svg-item{width:80%}}.donut-ring{stroke:#ebebeb}.donut-segment{transform-origin:center}.donut-segment-2{stroke:var(--donut-color);-webkit-animation:donut1 3s;animation:donut1 3s}.donut-percent{-webkit-animation:donutfadelong 1s;animation:donutfadelong 1s}@-webkit-keyframes donutfadelong{0%{opacity:0}to{opacity:1}}@keyframes donutfadelong{0%{opacity:0}to{opacity:1}}@-webkit-keyframes donut1{0%{stroke-dasharray:0,100}to{stroke-dasharray:var(--donut-procent),var(--donut-procent-left)}}@keyframes donut1{0%{stroke-dasharray:0,100}to{stroke-dasharray:var(--donut-procent),var(--donut-procent-left)}}.donut-text{font-family:Arial,Helvetica,sans-serif}.donut-text-1{fill:var(--donut-color)}.donut-label{font-size:.28em;fill:#000;transform:translateY(.25em)}.donut-label,.donut-percent{font-weight:700;line-height:1}.donut-percent{font-size:.4em;transform:translateY(.2em)}.donut-data{font-size:.14em;line-height:1;transform:translateY(.5em);text-align:center;text-anchor:middle;color:#666;fill:#666;-webkit-animation:donutfadelong 1s;animation:donutfadelong 1s}.donut-data.mod-project{font-weight:700;fill:var(--donut-color)}.svg-item{display:inline-block}