article .annotation-link,
.article-body .annotation-link {
  text-decoration: none;
  color: #000;
  background: #B8E0FF;
  padding: 4px;
  border-radius: 4px;
}
article .annotation-link:after,
.article-body .annotation-link:after {
  content: " [+]";
  white-space: nowrap;
  font-size: 14px;
  vertical-align: middle;
}
@media only print {
  article .annotation-link:after,
  .article-body .annotation-link:after {
    counter-increment: footnotes;
    content: " [" attr(data-annotation) "]";
  }
}
article .annotation-link.active:after,
.article-body .annotation-link.active:after {
  content: " [-]";
}
@media only print {
  article .annotation-link.active:after,
  .article-body .annotation-link.active:after {
    content: " [" attr(data-annotation) "]";
  }
}
article .annotation-link:hover,
.article-body .annotation-link:hover {
  color: #000;
}
article .annotation,
.article-body .annotation {
  font-family: Graphik,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;
  font-weight: 200;
  font-size: 0.94444444444em;
  display: none;
  color: #000;
  background: rgba(184, 224, 255, 0.55);
  padding: 30px;
  margin: 1em 0;
  border-radius: 4px;
}
@media only print {
  article .annotation,
  .article-body .annotation {
    display: block !important;
    font-size: 12px;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #333;
  }
  article .annotation .annotation,
  .article-body .annotation .annotation {
    width: auto;
    margin-right: 0;
  }
  article .annotation:before,
  .article-body .annotation:before {
    content: "[" attr(data-annotation) "] ";
  }
}
article .annotation .blockquote,
.article-body .annotation .blockquote {
  margin: 1em 2em;
  font-size: 0.9em;
  display: block;
}
article .annotation.active,
article .annotation:target,
.article-body .annotation.active,
.article-body .annotation:target {
  display: block !important;
  overflow: hidden;
}
article .annotation-link.orange,
.article-body .annotation-link.orange {
  background-color: #f9bd4e;
}
article .annotation.orange,
.article-body .annotation.orange {
  background-color: rgba(249, 189, 78, 0.55);
}
article .annotation-link.green,
.article-body .annotation-link.green {
  background-color: #50cea8;
}
article .annotation.green,
.article-body .annotation.green {
  background-color: rgba(80, 206, 168, 0.55);
}
article .annotation-link.red,
.article-body .annotation-link.red {
  background-color: #f47453;
}
article .annotation.red,
.article-body .annotation.red {
  background-color: rgba(244, 116, 83, 0.55);
}
article .annotation-link.purple,
.article-body .annotation-link.purple {
  background-color: #c493ff;
}
article .annotation.purple,
.article-body .annotation.purple {
  background-color: rgba(196, 147, 255, 0.55);
}
article .annotation-link.pink,
.article-body .annotation-link.pink {
  background-color: #e1708c;
}
article .annotation.pink,
.article-body .annotation.pink {
  background-color: rgba(225, 112, 140, 0.55);
}
article .annotation-link.blue,
.article-body .annotation-link.blue {
  background-color: #3eabb4;
}
article .annotation.blue,
.article-body .annotation.blue {
  background-color: rgba(62, 171, 180, 0.55);
}
article .annotation-link.chartreuse,
.article-body .annotation-link.chartreuse {
  background-color: #abdb42;
}
article .annotation.chartreuse,
.article-body .annotation.chartreuse {
  background-color: rgba(171, 219, 66, 0.55);
}

.cke_editable .annotation { display: block !important; }