/* prettier-ignore */
:host {
  --bce-color-l: var(--bce-color-dark-l);
  --bce-color-n: var(--bce-color-dark-n);
  --bce-color-d: var(--bce-color-dark-d);
  --bce-color-t: var(--bce-color-dark-t);
  display: inline-block;
}
:host > div {
  z-index: 2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  display: block;
  visibility: hidden;
  padding: 6px 16px;
  font-size: 14px;
  background-color: var(--bce-color-n);
  color: var(--bce-color-t);
  border-radius: 4px;
  max-width: 400px;
  opacity: 0.9;
  z-index: 8;
  line-height: initial;
  pointer-events: none;
  overflow: hidden;
}
:host > div[data-active] {
  visibility: visible;
}