.cl-numbers{position:relative;display:flex;width:200px;height:200px;background:var(--cl-color-background-01);color:var(--cl-color-text-01);border-radius:50%;font-size:3.5rem;font-weight:var(--cl-font-weight-medium);line-height:1;font-family:var(--cl-font-family-heading)}.cl-numbers>svg{border-radius:inherit;transform:rotate(-90deg)}.cl-numbers>svg>circle{fill:var(--cl-numbers-color-inactive, var(--cl-color-number-fill-inactive));stroke:var(--cl-numbers-color-active, var(--cl-color-number-fill-active));stroke-width:100%}.cl-numbers-value{background:inherit;border-radius:inherit;position:absolute;inset:.75rem;display:flex;justify-content:center;align-items:center}.cl-numbers.-animate>svg>circle{animation:cl-numbers-animation 1s ease-in-out alternate-reverse}@keyframes cl-numbers-animation{to{stroke-dasharray:0 100}}