div.chartBar {
  height: 100%;
  width: 100%;
}

div.chartBarTooltip {
  background-color: black;
  padding: 16px;
  border-radius: 8px;
}

div.ChartBarCard {
  border: 1px solid #27292c;
  border-radius: 4px;
  padding: 24px;
}

div.ChartBarData {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 4px;
  margin: 0 0 24px 0;
}

div.ChartBarData > h4 {
  margin: 0 0 16px 0;
}

div.ChartBarData > div.details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div.ChartBarData > div.details span.dash-container {
  flex: 1;
  display: block;
  padding: 8px 0;
}
div.ChartBarData > div.details span.dash-container span.dashed {
  margin: 0 8px;
  display: block;
  border-bottom: 1px dotted #27292c;
}
div.ChartBarData > div.details span.ChartBarUp {
  color: #4de04d;
}
div.ChartBarData > div.details span.ChartBarDown {
  color: #e04d4d;
}

/*# sourceMappingURL=ChartBar.css.map */