.bars {
  container: bars / inline-size;
}

.bars__list {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: 0;
  @container bars (width <= 40em) {
    border-left: 1px solid;
  }
}

.bars__name {
  grid-column: 1/2;
  padding-inline: 0.5rem 0;
  @container bars (width > 40em) {
    grid-column: 1;
    padding-inline: 0 1.1rem;
  }
  margin-block: auto;
}

.bars__value {
  margin: 0;
  grid-column: 1/2;
  @container bars (width > 40em) {
    grid-column: 2;
    border-left: 1px solid;
  }
  padding-block: 1.1rem;
  margin-block: auto;
}

.bars__bar {
  vertical-align: bottom;
}