.c-donut-chart{display:inline-block;font-size:1.4rem;height:4rem;position:relative;width:4rem}.c-donut-chart__graphic{display:inline-block;font-size:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.c-donut-chart__graphic__base{fill:transparent;stroke-width:8px;stroke:#dfdfdf}.c-donut-chart__graphic__fill{fill:transparent;stroke-width:12px;stroke:#ff2f56;transform:rotate(-90deg);transform-origin:center;transition:transform .2s ease}.c-donut-chart--lightgreen .c-donut-chart__graphic__fill{stroke:#00ac94}.c-donut-chart--gold .c-donut-chart__graphic__fill{stroke:#ffb727}.c-donut-chart__text{font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.c-donut-chart__text.c-donut-chart__text--condensed{letter-spacing:-2px;margin-left:-.5px}.c-donut-chart__unit{display:inline-block;font-size:62.5%;vertical-align:text-top}