.tooltip {
  z-index: 10000;
  pointer-events: none;

  pre, code, pre > code, code > pre {
    color: $cyan-200;
    display: inline;
  }
}

.tooltip-trigger {
  cursor: help;
}

.tooltip-inner {
  padding: rem(6) rem(14);
  max-width: 450px;

  p {
    color: $white;
  }

  ul {
    text-align: left;
    padding-left: rem(18);
    margin-bottom: rem(8);
  }
}

html ngb-tooltip-window {
  &.bs-tooltip-top, &.bs-tooltip-bottom {
    .arrow { left: calc(50% - .12rem); }
  }

  &.bs-tooltip-left, &.bs-tooltip-right {
    .arrow { top: calc(50% - .12rem); }
  }
}
