$offset-from-activator: rem(4px);
$content-max-height: rem(100px);
$content-max-width: rem(200px);

.Biblio-Tooltip {
  margin: $offset-from-activator spacing() spacing();
  opacity: 1;
  box-shadow: shadow(deep);
  border-radius: border-radius();
  pointer-events: none;
  will-change: opacity, left, top;
  transition: opacity duration() easing(in) duration(fast);
}

.Biblio-Tooltip--measuring {
  opacity: 0;
}

.Biblio-Tooltip--positionedAbove {
  margin: spacing() spacing() $offset-from-activator;
}

.Biblio-Tooltip--light {
  .Biblio-Tooltip__Wrapper {
    background: color('white');
    color: color('ink');
  }
}

.Biblio-Tooltip__Wrapper {
  position: relative;
  display: flex;
  background-color: color('ink');
  border-radius: border-radius();
  color: color('white');
  max-height: $content-max-height;
}

.Biblio-Tooltip__Content {
  position: relative;
  margin-top: spacing(extra-tight);
  border-radius: border-radius();
  max-width: $content-max-width;
  max-height: $content-max-height;
}

.Biblio-Tooltip__Label {
  padding: 0 spacing(tight) spacing(extra-tight);
}