.app-donut[data-v-cdb8f0f0]{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.app-donut__ring[data-v-cdb8f0f0]{flex-shrink:0;position:relative}.app-donut__ring--lg[data-v-cdb8f0f0]{width:12rem;height:12rem}.app-donut__ring--sm[data-v-cdb8f0f0]{width:8rem;height:8rem}.app-donut__center[data-v-cdb8f0f0]{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-donut__value[data-v-cdb8f0f0]{font-weight:var(--font-weight-bold);color:var(--color-font-black-20)}.app-donut__value--lg[data-v-cdb8f0f0]{font-size:var(--font-size-2xl)}.app-donut__value--sm[data-v-cdb8f0f0]{font-size:var(--font-size-xl)}.app-donut__label[data-v-cdb8f0f0]{font-size:var(--font-size-xs);color:var(--text-secondary)}.app-donut__legend[data-v-cdb8f0f0]{grid-template-columns:repeat(var(--app-donut-legend-cols),auto);gap:var(--spacing-lg) var(--spacing-2xl);flex:16rem;margin:0;padding:0;list-style:none;display:grid}.app-donut__legend-item[data-v-cdb8f0f0]{gap:var(--spacing-2xs);flex-direction:column;display:flex}.app-donut__legend-label[data-v-cdb8f0f0]{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);white-space:nowrap;display:flex}.app-donut__legend-swatch[data-v-cdb8f0f0]{border-radius:var(--radius-sm);flex-shrink:0;width:.75rem;height:.75rem}.app-donut__legend-value[data-v-cdb8f0f0]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-font-black-20)}.app-donut__legend-percent[data-v-cdb8f0f0]{margin-left:var(--spacing-2xs);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-secondary)}