<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.grap .med p{color:#00bceb;font-size:45px;line-height:1em;margin:0}
.grap .med span.small{color:#00bceb;font-size:24px;line-height:1em}
.grap .percent-wrapper{display:inline-block;height:80px;position:relative;width:80px}
.grap .percent-chart{height:80px;width:80px;transform:rotate(-90deg)}
.grap .percent-text{background:#fff;border-radius:50%;height:64px;left:8px;padding:21px 0;position:absolute;text-align:center;top:8px;width:64px}
.grap .percent-text p{color:#00bceb;line-height:1em;font-size:22px;margin:0}
.grap .percent-text span.small{font-size:18px}
.grap .percent-chart .pc_circle{display:none;transform-origin:center}
.grap .percent-wrapper.animate .percent-chart .pc_circle{animation:circle-chart-fill 2s reverse;display:block}
@keyframes circle-chart-fill{to{stroke-dasharray:0 282.7431}
}
@media only screen and (min-width:64em){.grap .med p{font-size:62px}
.grap .med span.small{font-size:36px}
.grap .percent-wrapper,.grap .percent-chart{height:100px;width:100px}
.grap .percent-text p{font-size:28px}
.grap .percent-text span.small{font-size:26px}
.grap .percent-text{height:80px;left:10px;padding:26px 0;top:10px;width:80px}
}
@media only screen and (min-width:80em){.grap .med p{font-size:72px}
.grap .percent-wrapper,.grap .percent-chart{height:130px;width:130px}
.grap .percent-text{height:100px;left:15px;padding:32px 0;top:15px;width:100px}
.grap .percent-text p{font-size:36px}
.grap .percent-text span.small{font-size:32px}
}</pre></body></html>