.annotation {
  box-sizing: border-box;
  display: none;
  position: absolute;
  border-radius: 5px;
}

.annotation-text {
  padding: 12px 16px;
  text-decoration: none;
  outline: none;
  white-space: pre-line;
  display: none;
}

.annotation-image {
  display: inline-block;
  display: none;
  border-radius: 0;
}

.annotation-top-left {
  top: 10px;
  left: 10px;
}

.annotation-top-center {
  top: 10px;
  left: 50%;
  transform: translate(-50%, 0);
}

.annotation-top-right {
  top: 10px;
  right: 10px;
}

.annotation-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.annotation-bottom-left {
  bottom: 50px;
  left: 10px;
}

.annotation-bottom-center {
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 0);
}

.annotation-bottom-right {
  bottom: 50px;
  right: 10px;
}