.rt-tooltip-root {
  position: relative; }

.rt-tooltip-tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 200;
  display: block;
  max-width: 17rem;
  padding: 0.8rem;
  margin: 0.5rem 0;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  color: #fff;
  text-align: center;
  text-transform: none;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 0.2rem;
  -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 200ms transform;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 200ms transform;
  -webkit-transform: scale(0) translateX(-50%);
  transform: scale(0) translateX(-50%);
  -webkit-transform-origin: top left;
  transform-origin: top left; }
  .rt-tooltip-tooltip.rt-tooltip-active {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%); }