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

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

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

div.ChartBarSleepData {
  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.ChartBarSleepData > h4 {
  margin: 0 0 16px 0;
}

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

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