/***BEGIN ChartComponents.css***/
/* By default, Chart content text can not be selectable.*/
.chart-instance-container {
  height: inherit;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .chart-instance-container .no-chart-data-container {
    cursor: pointer; }
  .chart-instance-container .chart-component {
    height: calc(100% - 40px);
    width: 100%; }
    .chart-instance-container .chart-component > div {
      flex-grow: 1; }
    .chart-instance-container .chart-component .screenreader-unavailable {
      height: 100%; }
    .chart-instance-container .chart-component .chart-layout-container {
      height: 100%;
      width: 100%; }
  .chart-instance-container .visual-header {
    margin-bottom: 8px; }
    .chart-instance-container .visual-header .visual-title {
      margin: 0; }
/***END ChartComponents.css***/