/**
 * @file
 * Breakdown charts (js/charts/createBreakdownChart.js): one 1.5rem row per
 * item, from data-biopama-breakdown-rows (a data count, so an attribute, not
 * an inline value); up to 12 rows. Never shrinks in a flex column: the
 * column scrolls instead.
 */

.biopama-breakdown {
  width: 100%;
  height: 1.75rem;
  flex-shrink: 0;
}

.biopama-breakdown[data-biopama-breakdown-rows="2"] {
  height: 3.25rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="3"] {
  height: 4.75rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="4"] {
  height: 6.25rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="5"] {
  height: 7.75rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="6"] {
  height: 9.25rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="7"] {
  height: 10.75rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="8"] {
  height: 12.25rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="9"] {
  height: 13.75rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="10"] {
  height: 15.25rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="11"] {
  height: 16.75rem;
}

.biopama-breakdown[data-biopama-breakdown-rows="12"] {
  height: 18.25rem;
}