svg.progress-circle{background:#1B243D;transform:rotate(-90deg);width:100%;height:100%}.has-navy-light-background-color svg.progress-circle{background:var(--navy-light)}svg.progress-circle *{transition:2s ease 1s}.progress-circle.stop .percent{stroke-dashoffset:360!important}svg.progress-circle .marker{transform-origin:50% 50%}svg.progress-circle.stop .marker{transform:rotate(0deg)!important}svg.progress-circle circle{stroke-width:3.5}svg.progress-circle circle:first-child{opacity:.2}svg.progress-circle .marker circle{r:4}.progress-circles{display:flex;justify-content:center;gap:2%;flex-wrap:wrap}.progress-circle__container{color:#fff;text-align:center;position:relative;max-width:265px;min-width:245px;font-size:0;flex-grow:1;transition:opacity 0.5s ease}.progress-circle__container.stop{opacity:0}#editor .progress-circle__container.stop{opacity:1}.progress-circle__value{font-size:60px;line-height:1;position:absolute;top:34%;left:0;z-index:11;width:100%}.progress-circle__label{font-size:17px;text-transform:uppercase;position:absolute;top:59%;left:0;z-index:1;text-align:center;width:100%}@media(min-width:1200px){.progress-circles{width:98vw;margin:0 calc((50vw - 615px) * -1)}}@media(max-width:600px){.progress-circle__container{max-width:175px;min-width:175px}.progress-circle__label{font-size:13px}.progress-circle__value{font-size:40px}}