.chart-donut-shell{position:relative;width:100%;--chart-legend-width:170px;height:100%}.chart-donut-center,.chart-donut-shell{display:flex;align-items:center;justify-content:center}.chart-donut-center{position:absolute;left:10%;top:70%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:color-mix(in srgb,var(--card-bg) 88%,transparent);border:1px solid var(--card-border);box-shadow:0 12px 24px color-mix(in srgb,var(--card-border) 50%,transparent);flex-direction:column;gap:4px;text-align:center;pointer-events:none;padding:14px}.chart-donut-center.note-high{background:color-mix(in srgb,var(--green-color) 30%,transparent)}.chart-donut-center.note-high,.chart-donut-center.note-medium{border:1px solid var(--text-secondary);box-shadow:0 12px 24px color-mix(in srgb,var(--text-secondary) 50%,transparent)}.chart-donut-center.note-medium{background:color-mix(in srgb,var(--yellow-color) 30%,transparent)}.chart-donut-center.note-low{background:color-mix(in srgb,var(--red-color) 30%,transparent);border:1px solid var(--text-secondary);box-shadow:0 12px 24px color-mix(in srgb,var(--text-secondary) 50%,transparent)}.chart-donut-center.note-skipped{background:color-mix(in srgb,var(--text-secondary) 30%,transparent);border:1px solid var(--text-secondary);box-shadow:0 8px 12px color-mix(in srgb,var(--text-secondary) 50%,transparent)}.chart-donut-center-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-weight:700}.chart-donut-center-value{font-size:30px;line-height:1;font-weight:800;color:var(--text-primary)}#pie{height:320px;width:100%}.chart-donut-shell .dx-legend{width:var(--chart-legend-width);max-width:var(--chart-legend-width)}.chart-donut-shell .dx-legend text{font-size:12px!important;font-weight:600}@media (max-width:900px){.chart-donut-shell{--chart-legend-width:150px;height:300px}.chart-donut-center{width:130px;height:130px}#pie{height:300px}}@media (max-width:640px){.chart-donut-shell{--chart-legend-width:138px;min-height:260px;height:280px}.chart-donut-center{width:118px;height:118px}.chart-donut-center-value{font-size:24px}#pie{height:280px}}