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