x-tooltip {
  display: inherit;
}

x-tooltip-overlay {
  font-family: "Poppins", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: var(--color-dark-tinted, #626262);
  color: var(--color-text-light, #FEFEFE);
  padding: 4px 8px;
  font-size: 0.9rem;
  border-radius: 4px;
  display: none;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  z-index: 10000;
  position: absolute;
  text-align: inherit;
  top: 0;
  left: 0;
  width: max-content;
}
x-tooltip-overlay:empty {
  display: none;
}
.is-dark-mode x-tooltip-overlay {
  background: var(--color-light-shade, #d8d8d8);
  color: var(--color-text, #4A4A4A);
}
x-tooltip-overlay[data-show] {
  display: block;
  animation: 0.4s fadeIn;
}
x-tooltip-overlay > p {
  margin: 0px;
  font-family: "Poppins", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
x-tooltip-overlay .tooltip-arrow {
  position: absolute;
  background: var(--color-dark-tinted, #626262);
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
.is-dark-mode x-tooltip-overlay .tooltip-arrow {
  background: var(--color-light-shade, #d8d8d8);
}