.circle-chart{width:80px;height:80px;overflow:initial;margin:20px}.circle-chart__circle{stroke:#f2950a;stroke-width:4;overflow:initial;stroke-linecap:round;fill:none;animation:circle-chart-fill 2s reverse;transform:rotate(-90deg);transform-origin:center}.circle-chart__circle--negative{transform:rotate(-90deg) scale(1,-1)}.circle-chart__background{stroke-width:4;fill:none}.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;dominant-baseline:central;font-size:9px;font-family:arial;color:#fff}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px}.success-stroke{stroke:#60bfb5}.warning-stroke{stroke:#f2950a}.danger-stroke{stroke:#f2950a}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}