/* minichart.css — styling for the SVG charts in minichart.js */

.minichart { display:block; font-family:Helvetica,Arial,sans-serif; }
.minichart .mc-grid { stroke:#e6e6e6; stroke-width:1; }
.minichart .mc-axis { stroke:#bbb; stroke-width:1; }
.minichart .mc-ylabel { fill:#666; font-size:12px; }
.minichart .mc-xlabel { fill:#444; font-size:12px; }
.minichart .mc-bar { transition:opacity .15s; }
.minichart .mc-bar:hover { opacity:.8; }
.minichart .mc-line { stroke-linejoin:round; stroke-linecap:round; }
.minichart .mc-point { stroke:#fff; stroke-width:1; }
.minichart .mc-slice { stroke:#fff; stroke-width:1.5; transition:opacity .15s; }
.minichart .mc-slice:hover { opacity:.85; }
.minichart .mc-slice-label { fill:#fff; font-size:12px; font-weight:600; paint-order:stroke; stroke:rgba(0,0,0,.25); stroke-width:.5px; pointer-events:none; }

.mc-legend { text-align:center; margin:4px 0 8px; font-family:Helvetica,Arial,sans-serif; font-size:13px; }
.mc-legend-item { display:inline-flex; align-items:center; margin:0 10px 4px 0; color:#333; text-decoration:none; }
.mc-legend-pie { text-align:left; }
.mc-legend-pie .mc-legend-item { display:flex; }
.mc-legend-swatch { display:inline-block; width:14px; height:14px; border-radius:2px; margin-right:5px; flex:none; }
.mc-legend-swatch.mc-legend-line { height:4px; border-radius:2px; }
a.mc-legend-item:hover { text-decoration:underline; }