.circle-chart{height:150px;width:150px}.circle-chart__circle{stroke-width:2;transform-origin:center;stroke:#00acc1;stroke-linecap:square;transform:rotate(-90deg);fill:none;animation:circle-chart-fill 2s reverse}.circle-chart__circle--negative{transform:rotate(-90deg) scaleY(-1)}.circle-chart__background{stroke-width:2;stroke:#efefef;fill:none}.circle-chart__info{opacity:0;transform:translateY(.3em);animation:circle-chart-appear 2s forwards}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:8px}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px}.success-stroke{stroke:#00c851}.warning-stroke{stroke:#fb3}.danger-stroke{stroke:#f44}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}