.dashboard-mock_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:276px;gap:12px}.dashboard-mock_element{display:flex;flex-direction:column;overflow:hidden}.dashboard-mock_element-body{display:flex;flex:1;min-height:0;padding:8px}.dashboard-mock_donut{display:flex;align-items:center;width:100%;height:100%}.dashboard-mock_donut svg{flex:none;overflow:visible}.dashboard-mock_slice{cursor:pointer;transition:opacity .2s ease}.dashboard-mock_slice-label{fill:#ffffff;stroke:rgb(0 0 0/.35);stroke-width:2px;paint-order:stroke fill;font-size:11px;font-weight:600;pointer-events:none;transition:opacity .2s ease}.dashboard-mock_donut-total{fill:currentColor;font-size:16px;font-weight:500;pointer-events:none}.dashboard-mock_legend-item.is-dimmed,.dashboard-mock_slice-label.is-dimmed,.dashboard-mock_slice.is-dimmed{opacity:var(--mock-dim-opacity)}.dashboard-mock_legend{display:flex;flex:1;align-items:center;justify-content:flex-end;min-width:0}.dashboard-mock_legend-list{display:flex;flex-direction:column;align-items:flex-end;width:100%;max-height:160px;overflow-y:auto;scrollbar-width:thin}.dashboard-mock_legend-item{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;border-radius:4px;cursor:pointer;user-select:none;transition:opacity .2s ease,background .2s ease}.dashboard-mock_legend-item.is-highlighted{background:var(--mock-surface)}.dashboard-mock_legend-swatch{flex:none;width:8px;height:8px;border-radius:2px}.dashboard-mock_legend-label{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}