@import '../../shared';

.tooltip {
  position: absolute;
  z-index: 100;

  visibility: hidden;

  transition: opacity .2s, visibility .2s;

  opacity: 0;

  &.showAsText {
    padding: 4px 5px;

    background: rgba(0, 0, 0, .5);
  }



  &.tooltipVisible {
    visibility: visible;

    opacity: 1;
  }
}
.showAsText {
  .tooltipInner {
    font-size: 11px;
    line-height: 12px;

    white-space: nowrap;

    color: white;
  }
}