@property --animated-num{syntax:"<integer>";initial-value:0;inherits:false}.wp-block-group.circular-progressbar{min-height:180px;position:relative;width:180px}.wp-block-group.circular-progressbar .circular-progressbar__percent{counter-reset:num var(--animated-num);transition:--animated-num .3s ease-out}.wp-block-group.circular-progressbar .circular-progressbar__percent:before{content:counter(num)}.wp-block-group.circular-progressbar svg{height:auto;left:0;margin:0;max-width:100%;position:absolute;top:0;transform:rotate(-90deg)}.wp-block-group.circular-progressbar svg circle{stroke:var(--wp--preset--color--blue);stroke-width:1rem;transition:stroke-dashoffset .3s ease-out}.wp-block-group.circular-progressbar svg circle:first-child{opacity:.15}