.circular-progress{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--blue-main);background:conic-gradient(var(--blue-main) calc(var(--progress) * 1%),var(--blue-bg2) 0);position:relative;flex-shrink:0}.circular-progress:after{content:"";position:absolute;inset:6px;border-radius:50%;background:white}.circular-progress>span{position:relative;z-index:1}