.donut-chart{align-items:center;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--40)}.donut-chart__chart{align-items:center;aspect-ratio:1;background-image:radial-gradient(#fff 50%,transparent 0 100%,#fff 0),conic-gradient(from 0deg,var(--color) var(--value),#e9e6e6 0);border-radius:50%;display:flex;justify-content:center;max-width:110px;width:100%}.donut-chart__key{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.donut-chart__color{background-color:var(--color);border-radius:2px;flex:0 0 0.875rem;height:.875rem;width:.875rem}.donut-chart__label{font-weight:500}.donut-chart__value{font-weight:700}