:host {
  display: flex;
  width: 100%;
  margin-left: 5px;
  padding: 8px;
  color: var(--primary-text-color);
  overflow: hidden;
  column-gap: 5%;
}

div.right,
div.left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.right {
  align-items: center;
}

div.left {
  flex: 1;

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;

  overflow: hidden;

  column-gap: 5%;
}

div.left div {
  width: 100%;
}

span.heading {
  font-weight: bold;
}

div.larger,
span.larger {
  font-size: 1.5rem;
}