.donut-chart[data-v-4cab991a]{border-radius:100%;height:100px;margin:0 auto 2rem;position:relative;width:100px}p.center[data-v-4cab991a]{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-4cab991a]{clip:rect(0,100px,100px,50px)}.circle[data-v-4cab991a],.portion-block[data-v-4cab991a]{border-radius:50%;height:100%;position:absolute;width:100%}.circle[data-v-4cab991a]{clip:rect(0,50px,100px,0);font-family:monospace;font-size:1.5rem}#part1[data-v-4cab991a]{transform:rotate(0)}#part1 .circle[data-v-4cab991a]{animation:first-4cab991a 1s 1 forwards;background-color:var(--accent-pink)}#part2[data-v-4cab991a]{transform:rotate(100deg)}#part2 .circle[data-v-4cab991a]{animation:second-4cab991a 1s 1s 1 forwards;background-color:var(--accent-teal)}#part3[data-v-4cab991a]{transform:rotate(250deg)}#part3 .circle[data-v-4cab991a]{animation:third-4cab991a .5s 2s 1 forwards;background-color:var(--accent-amber)}@keyframes first-4cab991a{0%{transform:rotate(0)}to{transform:rotate(100deg)}}@keyframes second-4cab991a{0%{transform:rotate(0)}to{transform:rotate(150deg)}}@keyframes third-4cab991a{0%{transform:rotate(0)}to{transform:rotate(111deg)}}