@property --progress{inherits:true;initial-value:0;syntax:"<integer>"}@keyframes load{to{--progress:var(--value)}}.rkit-progress{--progress-color:#00cea6;--value:17;--secondary-progress-color:#e3efff}.progress-container{flex-direction:column;width:100%;display:flex}.rkit-progress-animation,.rkit-progress-animation:after{animation:load;animation-timing-function:linear;animation-fill-mode:forwards;animation-delay:.5s;animation-duration:calc(var(--animation-duration)*1ms)}.circular-progress{position:relative;background:conic-gradient(var(--progress-color) calc(var(--progress)*3.6deg),var(--secondary-progress-color) 0deg);width:12rem}.circular-progress,.circular-progress .progress-value{justify-content:center;aspect-ratio:1/1;align-items:center;border-radius:50%;display:flex}.circular-progress .progress-value{font-size:20px;position:absolute;flex-direction:column-reverse;background-color:#d6d6d6;width:85%}.percentage-label:after{content:counter(percentage) "%";counter-reset:percentage var(--progress)}.circular-progress .progress-value:before{content:var(--title)}.progress-bar{height:10px;position:relative;background-color:var(--secondary-progress-color);border-radius:50px;width:100%;display:flex}.progress-bar .progress-value{height:100%;position:relative;background-color:var(--progress-color);border-radius:50px;width:calc(var(--progress)*1%)}.progress-bar.percentage-label:after{position:absolute;left:calc(var(--progress)*1% - 2rem);display:inline-block}.half-circular-progress{position:relative;background:conic-gradient(from 270deg at 50% 100%,var(--progress-color) calc(var(--progress)*3.6deg/2),var(--secondary-progress-color) 0deg);width:12rem}.half-circular-progress,.half-circular-progress .progress-value{justify-content:center;aspect-ratio:2/1;align-items:center;border-radius:50%/100% 100% 0 0;display:flex}.half-circular-progress .progress-value{font-size:20px;position:absolute;flex-direction:column-reverse;bottom:0;background-color:#d6d6d6;width:75%}.half-circular-progress .progress-value:before{content:var(--title)}.prefix-postfix{justify-content:space-between;width:12rem;display:flex}.progress-title{padding-block:.5rem;display:block}