.chart{align-items:center;display:inline-block;font-size:20px;margin-block:20px;margin-inline:40px;position:relative;text-align:center;word-break:keep-all}.chart p{color:var(--wp--preset--color--grey);font-size:16px;width:200px}.chart figcaption{border:20px solid #f0f0f0;border-radius:100px;font-weight:700;height:50px;line-height:50px;padding:50px 25px;width:100px}.chart svg{left:0;position:absolute;top:0}.chart[data-percent="50"] .outer{stroke-dashoffset:268;animation:show50 2s}.outer{fill:transparent;stroke:#00a5df;stroke-width:10;stroke-dasharray:534;stroke-linecap:round;-webkit-animation-play-state:running;-moz-transform:rotate(-89deg) translateX(-190px);transition:stroke-dashoffset 1s}@keyframes show50{0%{stroke-dashoffset:537}to{stroke-dashoffset:268}}@media(max-width:800px){.chart{display:flex;position:static;text-align:left;width:auto}.chart svg{display:none}.chart figcaption{border:none;font-size:40px;margin:0 auto;padding:0}.chart p{margin-left:15px;width:100%}}