:host(limel-tooltip-content) {
  display: flex;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: rgb(var(--contrast-1300));
  box-shadow: var(--shadow-depth-16);
}

text {
  font-size: var(--limel-theme-default-font-size);
  line-height: 1.25;
  display: flex;
  column-gap: 1rem;
}
text.has-column-layout {
  display: table-cell;
  width: fit-content;
  max-width: min(var(--tooltip-max-width-of-text), 80vw);
}
text.has-column-layout .label {
  padding-bottom: 0.5rem;
}
text.has-column-layout .helper-label {
  padding-bottom: 0.25rem;
}

.label {
  color: rgb(var(--contrast-200));
}

.helper-label {
  color: rgb(var(--contrast-800));
}
.helper-label:empty {
  display: none;
}