.progress-item{position:relative;width:4rem;height:4rem}.progress-circle{width:100%;height:100%;transform:rotate(-85deg)}.progress-circle circle{fill:none;stroke-width:8;stroke-linecap:round;transform:translate(6px, 6px)}.progress-circle .bg{stroke:var(--primary-050)}.progress-circle .progress{stroke:var(--primary);stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 1s ease-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:var(--grey-800)}.progress-percent{font-size:.8rem;font-weight:800;padding-top:.2rem}.animated{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.animated.show{opacity:1;transform:translateY(0)}.progress-item.completed .progress-circle .progress{stroke:var(--green)}.progress-item.completed .progress-circle .bg{stroke:var(--green-bg)}.progress-item.working .progress-circle .progress{stroke:var(--orange)}.progress-item.working .progress-circle .bg{stroke:var(--orange-bg)}.progress-item.banned .progress-circle .progress{stroke:var(--gray-100)}.progress-item.banned .progress-circle .bg{stroke:var(--gray-025)}.progress-item.excellent[data-percent]:not(.banned) .progress-circle .progress{stroke:var(--teal)}.progress-item.excellent[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--teal-bg)}.progress-item.good[data-percent]:not(.banned) .progress-circle .progress{stroke:#80bb41}.progress-item.good[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--green-bg)}.progress-item.great[data-percent]:not(.banned) .progress-circle .progress{stroke:var(--secondary)}.progress-item.great[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--secondary-100)}.progress-item.adjust[data-percent]:not(.banned) .progress-circle .progress{stroke:var(--orange)}.progress-item.adjust[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--orange-bg)}.progress-item.bad[data-percent]:not(.banned) .progress-circle .progress{stroke:var(--danger)}.progress-item.bad[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--danger-100)}.progress-item.outstanding[data-percent]:not(.banned) .progress-circle .progress{stroke:var(--green)}.progress-item.outstanding[data-percent]:not(.banned) .progress-circle .bg{stroke:var(--green-bg)}