.circular-chart{display:block;max-width:80%}.circle-bg{fill:#fff;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.primary .circle{stroke:rgb(var(--primary))}.circular-chart.orange .circle{stroke:#ff9f00}.circular-chart.green .circle{stroke:#4cc790}.circular-chart.blue .circle{stroke:#3c9ee5}.percentage{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}