@charset "utf-8";

.tippable__content {
  visibility: hidden;
  position: absolute;
}

.tippable {
  outline: 0;
  position: relative;
  cursor: pointer;
}

.tippable::before {
  content: attr(data-tippable-handle);
  font-size: 1.2em;
}

.tippable:not(.tippable--vertical)>.tippable__content>a+a {
  margin-left: 10px;
}

.tippable--bottom:before {
  content: attr(data-tippable-handle) " ⮟";
  font-size: 14px;
}

.tippable--bottom>.tippable__content>a {
  font-size: .95em;
  color: #9b9ba2;
}

.tippable--bottom>.tippable__content>a.is-active,.tippable--bottom>.tippable__content>a:hover {
  text-decoration: none;
}