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