.counter{position:relative;display:block;height:calc(1px * var(--fc-circumference));width:calc(1px * var(--fc-circumference));border-radius:100%}.counter-status{position:absolute;display:block;height:calc(1px * var(--fc-circumference));width:calc(1px * var(--fc-circumference));margin-top:calc(-1 * 1px * var(--fc-radius));margin-left:calc(-1 * 1px * var(--fc-radius));left:50%;top:50%;color:var(--fc-counter-circle-font-color, var(--fc-gray-900));font-size:calc(1px * var(--fc-font-size));font-weight:400;letter-spacing:0.025em;line-height:calc(1px * var(--fc-circumference));text-align:center;border-radius:100%}circle{stroke-dashoffset:0;transition:stroke-dashoffset 300ms ease-in-out;stroke:var(--fc-counter-circle-empty-color, var(--fc-indigo-100));stroke-width:var(--fc-stroke-width);transform:rotate(-90deg);transform-origin:center;stroke-linecap:round;fill:var(--fc-counter-circle-face-color, #fff)}.counter-fill{fill:transparent;stroke:var(--fc-counter-circle-fill-color, var(--fc-brand-green-300));animation:dash var(--fc-counter-circle-animation-duration, 300ms) var(--fc-counter-circle-animation-timing-function, linear) forwards}@keyframes dash{from{stroke-dashoffset:var(--fc-from-stroke-dash-offset, --fc-stroke-dasharray)}to{stroke-dashoffset:var(--fc-stroke-dash-offset)}}