@import url('./components-batch-07.css?v=20261009-077a87b');

.dt-donut { column-gap: clamp(1rem, 3vw, 2rem); row-gap: .75rem; }
.dt-donut__chart { height: 9rem; width: 9rem; }
.dt-donut circle { stroke-width: 12; }
.dt-donut circle:hover { stroke-width: 12; }
.dt-donut__center span { font: var(--dt-weight-medium) var(--dt-text-xs) var(--dt-font-interface); }
.dt-donut__center strong { font-size: 1.35rem; font-weight: var(--dt-weight-medium); letter-spacing: -.025em; }
.dt-donut__legend { gap: 0; }
.dt-donut__legend li { border-bottom: 1px solid var(--dt-color-border); min-height: 2.4rem; }
.dt-donut__legend li:last-child { border-bottom: 0; }
.dt-donut__legend strong { font-weight: var(--dt-weight-semibold); }
@media (max-width: 34rem) { .dt-donut__chart { height: 9rem; width: 9rem; } }