:host {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 1em;
}

:host([data-highlight]) {
  background-color: rgb(var(--smoothly-primary-color));
  color: rgb(var(--smoothly-primary-contrast));
}
:host([data-highlight]) div:last-child {
  color: rgba(var(--smoothly-primary-contrast), 0.8);
}

:host div:last-child {
  color: rgba(var(--smoothly-default-contrast), 0.8);
  font-style: italic;
}