.progress-circle{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-circle__svg{width:3rem;height:3rem;position:absolute;transform:rotate(-90deg)}@media (min-width:48rem){.progress-circle__svg{width:3.5rem;height:3.5rem}}.progress-circle__bg{fill:none;stroke:var(--bg-compotent-switcher)}.progress-circle__circle{fill:none;stroke:var(--brand-primary);stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-circle__content{z-index:1;position:relative}.progress-circle_done .progress-circle__circle{stroke:var(--system-success)}