.completion-percent ons-progress-circular{position:relative}.completion-percent .progress-circular--material__primary{stroke-width:16%;stroke:var(--brand-color-hex);stroke-linecap:round}.completion-percent .progress-circular--material__secondary{stroke-width:10%;stroke:#dde3e9}.completion-percent__text{font-size:.875rem;font-weight:500}.completion-percent__tick{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--brand-color-hex);color:#fff;border-radius:50px}.completion-percent__tick .v-icon{font-size:1.25rem;opacity:0;animation:bounce-in .75s forwards;animation-delay:.24s}