:host {
  display: table-cell;
  vertical-align: middle;
  background: var(--color-background-surface-header, #172635);
  color: var(--color-text-primary, #ffffff);
  font-family: var(--font-heading-5-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif);
  font-size: var(--font-heading-5-font-size, 1.125rem);
  font-weight: var(--font-heading-5-font-weight, 400);
  letter-spacing: var(--font-heading-5-letter-spacing, 0em);
  line-height: var(--font-heading-5-line-height, calc(24 / 18));
  padding: var(--spacing-0, 0rem) var(--spacing-2, 0.5rem);
  height: var(--spacing-10, 2.5rem);
  white-space: nowrap;
}

:host([hidden]) {
  display: none;
}