.progress-indicator-wrapper{bottom:2rem;position:fixed;right:2rem}.progress-indicator-wrapper.completed{position:absolute}.progress-indicator-wrapper .progress-indicator{position:relative}.bg{background:#fff;border-radius:50%;box-shadow:0 0 14px 3px rgb(2 52 75/9%);height:80px;margin:0;width:80px}.ol{backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.6);border-radius:50%;height:60px;width:60px}.ol,.progress-percentage{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-percentage{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.progress-percentage>img{max-width:48px;transition:all .3s ease-in-out}.progress-indicator-wrapper.completed .progress-percentage>img{filter:brightness(0) invert(1)}.progress-percentage .progress-time{color:var(--dark);font-size:.875rem;margin-bottom:0;text-align:center}.progress-percentage .progress-time .percentage-value{font-family:var(--bold);font-size:1.125rem}.progress-percentage .progress-text{font-size:.7rem;font-weight:var(--bold);margin-bottom:0;text-align:center;text-transform:uppercase}.progress-indicator-wrapper .progress-percentage .progress-complete,.progress-indicator-wrapper.completed .progress-percentage .progress-text,.progress-indicator-wrapper.completed .progress-percentage .progress-time{display:none}.progress-indicator-wrapper.completed .progress-percentage .progress-complete{color:#fff;display:grid;margin:0;place-content:center}