.circle-progress{max-width:200px;margin:auto}[data-eq~="300px"] .circle-progress{max-width:150px}.circle-progress .svg-container{position:relative;margin:0 auto 1.5rem;width:100%;display:block;height:auto;padding-top:100%}.circle-progress .svg-container svg{width:100%;height:100%;position:absolute;top:0;left:0}.circle-progress .svg-container .inner-circle{stroke:var(--progress-inner-circle-color)}.circle-progress .svg-container .outer-circle{stroke:var(--progress-outer-circle-color)}.circle-progress .svg-container path{stroke:var(--progress-outer-circle-fill-color)}.circle-progress .svg-container .percent{position:absolute;color:var(--progress-percent-color);font-size:3.5rem;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}[data-eq~="300px"] .circle-progress .svg-container .percent{font-size:3rem}.circle-progress .content{text-align:center}.circle-progress .content .progress-title{text-transform:uppercase;color:var(--progress-title-color);letter-spacing:1px;margin:0 0 .5rem}[data-eq~="300px"] .circle-progress .content .progress-title{font-size:1.7rem;line-height:2.1rem}.circle-progress .content .progress-text{margin:0}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal{max-width:none;font-size:1.2rem;line-height:1.8rem;padding:0 1rem 2rem}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal .svg-container,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal .svg-container{width:25%;display:inline-block;max-width:75px;margin:0 1.6rem 1rem 0;padding-top:0}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal .svg-container svg,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal .svg-container svg{width:auto;height:auto;position:relative}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal .percent,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal .percent{font-size:1.5rem;top:calc(50% - 1rem)}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal .content,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal .content{width:66.6666666667%;display:inline-block;text-align:left;vertical-align:top}[data-eq~="600px"] .layout-column.eq-parent:not(.quarters) .circle-progress.horizontal .content .progress-title,[data-eq~="400px"] .layout-column.eq-parent.quarters .circle-progress.horizontal .content .progress-title{font-size:1.3rem;line-height:1.6rem}