.circle-chart{width:140px;height:140px}.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;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:white;stroke-width:1;fill:none}.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0;transform:translateY(.3em)}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:10px;font-weight:bold}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px;fill:white}.success-stroke{stroke:#053c7c}.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);
  }
}