@keyframes grow-25feddea{0%{height:0}to{height:100%}}.donut-chart[data-v-16aa6864]{border-radius:100%;height:100px;margin:0 auto 2rem;position:relative;width:100px}p.center[data-v-16aa6864]{background:var(--color-surface-base);border-radius:50%;font-size:28px;height:65px;inset:0;line-height:35px;margin:auto;padding:15% 0 0;position:absolute;text-align:center;width:65px}.portion-block[data-v-16aa6864]{clip:rect(0,100px,100px,50px)}.circle[data-v-16aa6864],.portion-block[data-v-16aa6864]{border-radius:50%;height:100%;position:absolute;width:100%}.circle[data-v-16aa6864]{clip:rect(0,50px,100px,0);font-family:monospace;font-size:1.5rem}#part1[data-v-16aa6864]{transform:rotate(0)}#part1 .circle[data-v-16aa6864]{animation:first-16aa6864 1s 1 forwards;background-color:var(--color-accent-pink)}#part2[data-v-16aa6864]{transform:rotate(100deg)}#part2 .circle[data-v-16aa6864]{animation:second-16aa6864 1s 1s 1 forwards;background-color:var(--color-accent-teal)}#part3[data-v-16aa6864]{transform:rotate(250deg)}#part3 .circle[data-v-16aa6864]{animation:third-16aa6864 .5s 2s 1 forwards;background-color:var(--color-accent-amber)}@keyframes first-16aa6864{0%{transform:rotate(0)}to{transform:rotate(100deg)}}@keyframes second-16aa6864{0%{transform:rotate(0)}to{transform:rotate(150deg)}}@keyframes third-16aa6864{0%{transform:rotate(0)}to{transform:rotate(111deg)}}