.circular-progress{position:relative;width:80px;height:80px;border-radius:50%;background:conic-gradient(from 0deg,#d1cfcf 0deg,#d1cfcf var(--progress-degrees,284deg),#374151 var(--progress-degrees,284deg),#374151 1turn);display:flex;align-items:center;justify-content:center}.circular-progress:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#1f2937;z-index:1}.circular-progress-text{position:relative;z-index:2;color:#fff;font-weight:600;font-size:18px}.progress-79{--progress-degrees:284.4deg}.progress-85{--progress-degrees:306deg}.progress-92{--progress-degrees:331.2deg}.circular-progress.animate{animation:progressAnimation 2s ease-in-out}@keyframes progressAnimation{0%{background:conic-gradient(from 0deg,#d1cfcf 0deg,#d1cfcf 0deg,#374151 0deg,#374151 1turn)}to{background:conic-gradient(from 0deg,#d1cfcf 0deg,#d1cfcf var(--progress-degrees),#374151 var(--progress-degrees),#374151 1turn)}}