/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

.tooltip {
  border-radius: 4px;
  padding: 4px 8px;
  color: var(--site-color-tooltip);
  background: var(--site-color-tooltip-background);
  font-size: 0.8rem;
  z-index: 500;
  line-height: 1.4;
  font-weight: 500;
  max-width: 300px;
  opacity: 0.92;
}

.tooltipArrow {
  visibility: hidden;
}

.tooltipArrow,
.tooltipArrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

.tooltipArrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

.tooltip[data-popper-placement^='top'] > .tooltipArrow {
  bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > .tooltipArrow {
  top: -4px;
}
