.svg-progress{position:relative;display:flex;aspect-ratio:1}.svg-progress svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(82deg)}.svg-progress.--start-from-top svg{transform:rotate(-90deg)}.svg-progress_progress{stroke:var(--svg-progress-color,var(--color-brand-500));stroke-dasharray:var(--stroke-dashoffset-max);stroke-width:5px}.svg-progress_bg{stroke:var(--svg-progress-bg,var(--color-brand-100));stroke-dasharray:var(--stroke-dashoffset-max);stroke-width:4.9px}.svg-progress_offset{width:100%;display:flex;justify-content:center;padding:0.25rem;text-align:center;}.svg-progress_content{display:flex;align-items:center;}.svg-progress.--golden{--svg-progress-color:var(--color-orange-400)}.svg-progress.--silver{--svg-progress-color:var(--color-slate-500)}.svg-progress.--bronze{--svg-progress-color:var(--color-orange-600)}.svg-progress.--transparent{--svg-progress-bg:transparent;--svg-progress-color:transparent}.svg-progress.--animated svg{transform:rotate(-90deg)}.svg-progress.--animated .svg-progress_progress{animation:inAndOut 7.5s linear infinite;animation-play-state:paused;animation-play-state:running}.svg-progress.Header_UserAvatar svg{transform:rotate(78deg)}.--inset.--golden{--svg-progress-color:var(--color-orange-400)}.--inset.--silver{--svg-progress-color:var(--color-slate-500)}.--inset.--bronze{--svg-progress-color:var(--color-orange-600)}.--inset{border-radius:100%;outline:3px solid var(--svg-progress-color);outline-offset:-3px}@keyframes inAndOut{0%{stroke-dashoffset:var(--stroke-dashoffset-max)}90%{stroke-dashoffset:0px}to{stroke-dashoffset:var(--stroke-dashoffset-max)}}.UserCrown{position:absolute;right:0;bottom:0;width:1.25rem;display:flex;transform:translate(.5rem,.5rem)}.UserCrown.--size-3xl{transform:translate(.8rem,.8rem);width:auto;}