x-tooltip {
  display: inherit;
}

x-tooltip-overlay {
  font-family: "TT Norms Pro", "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: relative;
  text-align: inherit;
}
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: "TT Norms Pro", "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,
x-tooltip-overlay .tooltip-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}
x-tooltip-overlay .tooltip-arrow::before {
  content: "";
  transform: rotate(45deg);
  background: var(--color-dark-tinted, #626262);
}
.is-dark-mode x-tooltip-overlay .tooltip-arrow::before {
  background: var(--color-light-shade, #d8d8d8);
}
x-tooltip-overlay[data-popper-placement^=top] > .tooltip-arrow {
  bottom: -4px;
}
x-tooltip-overlay[data-popper-placement^=bottom] > .tooltip-arrow {
  top: -4px;
}
x-tooltip-overlay[data-popper-placement^=left] > .tooltip-arrow {
  right: -4px;
}
x-tooltip-overlay[data-popper-placement^=right] > .tooltip-arrow {
  left: -4px;
}