@import "../base";
@import "./config";

.root {
  position: fixed;
  z-index: $z-index-high;
  display: inline-block;
  max-width: $tooltip-max-width;
  margin-top: 10px;
  padding: $tooltip-padding;
  font-size: $font-size-tiny;
  font-size: $tooltip-font-size;
  font-weight: $font-weight-bold;
  line-height: $font-size-small;
  color: $tooltip-color;
  text-align: center;
  background: $tooltip-background;
  border-radius: $tooltip-border-radius;
  transform: scale(0);
  transform-origin: top center;
  // transition: transform $tooltip-animation-duration $animation-curve-default;
  &.active {
    transform: scale(1);
  }
  &.large {
    font-size: $font-size-small;
    padding: 2 * $tooltip-padding;
  }
}