// (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

.hp-tooltip {
  position: absolute;
  padding: 10px 15px;
  background-color: $tooltip-background;
  color: #fff;
  font-size: 14px;
  z-index: 10000;
  
  html.hp-high-contrast & {
    color: $projection-color;
  }
  
  &.hp-above {
    &:after {
      content: "";
      position: absolute;
      top: auto;
      bottom: -7px;
      left: 10px;
      right: auto;
      border-width: 9px 9px 0;
      border-color: $tooltip-background transparent;
      border-style: solid;
      display: block;
      width: 0;
    }
  }
  
  &.hp-below {
    &:after {
      content: "";
      position: absolute;
      top: -7px;
      bottom: auto;
      left: 10px;
      right: auto;
      border-width: 0 9px 9px 9px;
      border-color: $tooltip-background transparent;
      border-style: solid;
      display: block;
      width: 0;
    }
  }
  
  &.hp-below-right {
    &:after {
      content: "";
      position: absolute;
      top: -7px;
      bottom: auto;
      left: auto;
      right: 10px;
      border-width: 0 9px 9px 9px;
      border-color: $tooltip-background transparent;
      border-style: solid;
      display: block;
      width: 0;
    }
  }
}