.real-world .check-badge{flex:0 0 18px;width:18px;height:18px;display:inline-block}.real-world .check-badge svg{width:100%;height:100%;display:block;overflow:visible}.real-world .check-badge circle,.real-world .check-badge path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.real-world .check-badge-base{stroke:#c5c9d347}.real-world .check-badge-arc{stroke:var(--fg);stroke-dasharray:.3 .7;opacity:0;transform-box:fill-box;transform-origin:50%}.real-world .check-badge[data-status=active] .check-badge-arc{opacity:1;animation:.8s linear infinite check-badge-spin}.real-world .check-badge-done{stroke:#14b8a6;opacity:0;transition:opacity .2s}.real-world .check-badge-check{stroke:#14b8a6;stroke-width:2.2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s cubic-bezier(.23,1,.32,1) 50ms}.real-world .check-badge[data-status=done] .check-badge-done{opacity:1}.real-world .check-badge[data-status=done] .check-badge-check{stroke-dashoffset:0}@keyframes check-badge-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.real-world .check-badge *,.check-badge *{transition:none!important;animation:none!important}}