@import "../../../themes/default";

:global {
  .app-tooltip {
    position: relative;
  }

  .app-tooltip-overlay {
    position: absolute;
    right: 0;
    background-color: @color-black-65;
    color: @color-white;
    border-radius: 2px;
    padding: 0 12px;
    line-height: 30px;
    white-space: nowrap;
    z-index: 12;
  }

  .app-tooltip-bottomLeft {
    .app-tooltip-overlay {
      top: 36px;
      left: 0;
    }
  }

  .app-tooltip-top {
    .app-tooltip-overlay {
      bottom: 38px;
      right: auto;
      left: auto;
    }
  }

  .app-tooltip-topRight {
    .app-tooltip-overlay {
      bottom: 38px;
      right: 0;
      left: auto;
    }
  }

  .app-tooltip-topLeft {
    .app-tooltip-overlay {
      bottom: 38px;
      right: auto;
      left: 0;
    }
  }
}