.donut-wrap{position:relative;display:inline-flex;flex:none}
.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;line-height:1.2}
.donut-center .v{font-weight:700;font-size:16px;color:var(--text)}
.donut-center .l{font-size:10.5px;color:var(--text-3)}
.donut-value{transition:stroke-dasharray .8s cubic-bezier(.22,1,.36,1)}
.bars-svg{width:100%;height:auto;display:block}
.legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}
.legend-item .sw{width:10px;height:10px;border-radius:3px;display:inline-block}