// Prefix all styles with "dev" to avoid conflicts.
// Examples
//   devChart
//   devChart__legend
//   devChart__legend--small
//   devChart__legend-isLoading

.devApp__container,
.devApp {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;

  > * {
    flex-shrink: 0;
  }
}

.devAppWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.devAppDataSourcePicker {
  margin: 7px 8px 0 0;
  min-width: 400px;
}

.devAppTabs {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}