/* prettier-ignore */
:host {
  --bce-c300:var(--bce-c300-dark);
  --bce-c400:var(--bce-c400-dark);
  --bce-c500:var(--bce-c500-dark);
  --bce-c600:var(--bce-c600-dark);
  --bce-c700:var(--bce-c700-dark);
  --bce-con1:var(--bce-con1-dark);
  --bce-con2:var(--bce-con2-dark);
  --bce-con3:var(--bce-con3-dark);
  --bce-con4:var(--bce-con4-dark);
  display: inline-block;
}
:host > div {
  --bce-c-surface:var(--bce-c002-surface);
  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-c500);
  color: var(--bce-con1);
  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;
}