.progress-bar{--local-spacing:var(--spacing,.25rem);background:var(--primary-highlight);height:calc(var(--local-spacing) * 2);border-radius:calc(var(--local-spacing) * 2);overflow:hidden}.progress-bar>.progress-bar__filled{background:var(--primary);height:100%}
.progress-circle{color:#000;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:128px;height:128px;padding:.5rem;display:flex;position:relative}.progress-circle .outer{background:#e6eaf0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.progress-circle .inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.progress-circle svg{position:absolute;transform:rotate(-90deg)}.progress-circle svg circle{fill:none;stroke:url(#linearGradient);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .35s ease-in-out}