.sup-progress{font:inherit;text-align:center}.sup-ring{--sup-percent:0;width:128px;height:128px;border-radius:50%;margin:18px auto;display:grid;place-items:center;position:relative;background:conic-gradient(#168979 calc(var(--sup-percent)*1%),#e6efec 0)}.sup-ring:before{content:'';position:absolute;inset:9px;background:white;border-radius:50%}.sup-ring strong{position:relative;font-size:23px;color:#14695f}.sup-ring.is-processing{background:repeating-conic-gradient(#168979 0 12deg,#d6eee8 12deg 26deg);animation:sup-turn 3s linear infinite}.sup-ring.is-processing strong{animation:sup-turn 3s linear infinite reverse}.sup-progress p{font-weight:700;margin:12px 0}.sup-progress small{display:block;color:#72838d;line-height:1.9}.sup-progress ol{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:14px 0 0;margin-top:18px;border-top:1px solid #e0e9e7}.sup-progress li{font-size:11px;color:#82948e;padding:5px 8px;border-radius:9px}.sup-progress li.current{background:#e9f6f0;color:#117b65}.sup-progress li.done{color:#117b65}.sup-progress li.done:before{content:'✓ ';font-weight:bold}@keyframes sup-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sup-ring.is-processing,.sup-ring.is-processing strong{animation:none}}