[data-tooltip] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tooltip {
  position: absolute;
  display: inline-block;
  padding: 0.5em;
  font-size: 1em;
  line-height: 1.6;
  max-width: 100%;
  border-radius: 0.15em;
  background-color: rgba(97, 97, 97, 0.9);
  color: #FFF;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.tooltip-copy {
  display: block;
  font-size: 0.75em;
  line-height: inherit;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

html:not(.is-mobile):not(.is-tablet):not(.is-touch) .tooltip {
  -webkit-animation: tooltip-scale-in 0.15s both ease-out;
          animation: tooltip-scale-in 0.15s both ease-out;
}

@-webkit-keyframes tooltip-scale-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes tooltip-scale-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}