/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-tooltip {
  /**
    @prop --tooltip-bg-color:
      Background color of the tooltip.
      - default: var(--go-color-primary-800)
  */
  --tooltip-bg-color: var(--go-color-primary-800);
  /**
    @prop --tooltip-fg-color:
      Text color of the tooltip.
      - default: var(--go-color-lightest)
  */
  --tooltip-fg-color: var(--go-color-lightest);
  /**
    @prop --tooltip-padding:
      Padding around tooltip
      - default: 0.5rem
  */
  --tooltip-padding: 0.5rem;
  /**
    @prop --tooltip-radius:
      Border radius of tooltip
      - default: var(--radius-2)
  */
  --tooltip-radius: var(--radius-2);
  transition: opacity var(--go-duration-normal) var(--go-timing-function), visibility var(--go-duration-normal) var(--go-timing-function);
  position: fixed;
  display: block;
  visibility: hidden;
  opacity: 0;
  background-color: var(--tooltip-bg-color);
  color: var(--tooltip-fg-color);
  padding: var(--tooltip-padding);
  border-radius: var(--tooltip-radius);
  box-shadow: var(--shadow-1);
  pointer-events: none;
  font-size: var(--go-size-0);
  z-index: var(--layer-important);
}
@media (prefers-reduced-motion: reduce) {
  go-tooltip {
    transition-duration: 0s;
  }
}
go-tooltip.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
}
go-tooltip .tooltip-tail {
  position: absolute;
  background: var(--tooltip-bg-color);
  width: 0.375rem;
  height: 0.375rem;
  transform: rotate(45deg);
}