@keyframes appearance {
  from { opacity: 0; }
  to { opacity: 1; }
}

*,
.ad.hoc,
.context {
  &.arrow {
    border: 0.6em solid grey;
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
  }

  /*
  &.content { }
  */

  &.container {
    background: grey;
    border-radius: 0.3em;
    color: white;
    display: inline-block;
    padding: 0 0.3em;
    position: absolute;
    top: 0;
    left: 0;
    animation: appearance 0.6s;
  }

  &.wrapper {
    display: inline-block;
  }
}