week-summary {
  display: block;
  background-color: hsl(218, 23%, 21%);
  padding: 1em 1em 0.5em 1em;
  font-size: 0.8rem;
  color: white;
}
week-summary header {
  display: block;
  text-align: right;
  margin-right: 2em;
}
week-summary columns {
  display: flex;
}
week-summary .segment {
  font-size: 1rem;
}
week-summary column {
  flex: 1;
  margin-right: 2em;
}
week-summary week-item {
  display: flex;
  justify-content: space-between;
}
week-summary header week-item {
  display: inline-block;
}
week-summary header week-item i.fas {
  display: none;
}
week-summary header week-item label {
  margin-right: 0.5em;
}
week-summary outer,
week-summary inner {
  font-size: 0rem;
  display: inline-block;
  height: 12px;
}
week-summary outer {
  width: 100px;
  background-color: hsl(0, 0%, 80%);
  border: 1px solid hsl(0, 0%, 70%);
  margin-left: 0.25rem;
  text-align: left;
}
week-summary unit {
  font-size: 0.8em;
}
week-summary delta {
  display: inline-block;
  min-width: 2.75em;
  text-align: right;
  font-style: italic;
  margin-left: 0.1em;
}
week-summary percent-text {
  display: inline-block;
  min-width: 2em;
  text-align: right;
}

@media (max-width: 950px) {
  week-summary columns {
    flex-direction: column;
  }
}