.k-donut{font-family:var(--k-font);text-align:left;margin:0}
.k-donut figcaption{font-size:13px;font-weight:600;color:var(--k-ink);margin-bottom:12px}
.k-donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.k-donut-ring{position:relative;width:158px;height:158px;flex:none}
.k-donut-ring svg{transform:rotate(-90deg)}
.k-donut-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.k-donut-c b{font-size:21px;font-weight:650;letter-spacing:-.02em;color:var(--k-ink)}
.k-donut-c span{font-size:11px;color:var(--k-ink-3)}
.k-donut-leg{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12.5px;color:var(--k-ink-2)}
.k-donut-leg li{display:flex;align-items:center;gap:8px}
.k-donut-leg .dot{width:9px;height:9px;border-radius:3px;flex:none}
.k-donut-leg b{margin-left:auto;font-weight:600;color:var(--k-ink);font-family:var(--k-mono);font-size:12px;padding-left:16px}