.promo-bar {
  box-sizing: content-box;
  display: block;
  width: auto;
  padding: 9px 16px;
  text-align: center;
  font-size: 12.5px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(var(--color-text));
  background-color: rgba(var(--color-background));
}

.promo-bar__track {
  position: relative;
}

.promo-bar__item {
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: inherit;
}

.promo-bar__track > *:not(:first-child) {
  display: none;
}

.promo-bar__track.js-on > * {
  display: none;
}

.promo-bar__track.js-on > *.is-active {
  display: block;
}