// Global Tooltip
@mixin tooltip-container() {
  z-index: $indexTooltip;
  pointer-events: none;
  display: inline-block;
  opacity: 0;
  position: absolute;
  color: #fff;
  border-radius: $globalRadius;
  padding: 7px 10px 7px;
  will-change: transform, opacity;
  transition: opacity $globalMediumEaseTime ease, transform $globalMediumEaseTime ease;
  font-size: $tooltipFontSize;
  font-weight: $tooltipFontWeight;
  transform: translate3d(0, -6px, 0);
  background: $tooltipBg;
  word-wrap: break-word;

  &.error-tooltip {
    word-break: normal;
    background: $alertTooltipColor;
  }
  &.open {
    opacity: 1;
  }
  max-width: 250px;
  text-align: center;

  @include tooltip-arrow-state($tooltipBg);
  &.error-tooltip {
    @include tooltip-arrow-state($alertTooltipColor);
  }
}

@if $executeDefaultMixins {
  .tooltip-container {
    @include tooltip-container();
  }
}