.annotator-hl               { background-color: rgba(240,80,0,0.35); }
.annotator-hl-facts         { background-color: rgba(255,255,0,0.35); }
.annotator-hl-issues        { background-color: rgba(180,255,180,0.35); }
.annotator-hl-ruling        { background-color: rgba(120,180,255,0.35); }
.annotator-hl-principles    { background-color: rgba(180,120,255,0.35); }
.annotator-hl-important     { background-color: rgba(180,120,255,0.35); }

.annotator-hl.annotator-hl-facts         { background-color: rgba(255,255,0,0.35); }
.annotator-hl.annotator-hl-issues        { background-color: rgba(180,255,180,0.35); }
.annotator-hl.annotator-hl-ruling        { background-color: rgba(120,180,255,0.35); }
.annotator-hl.annotator-hl-principles    { background-color: rgba(180,120,255,0.35); }
.annotator-hl.annotator-hl-important     { background-color: rgba(180,120,255,0.35); }

.annotator-tag               { color: rgba(240,80,0,0.85); }
.annotator-tag-facts         { color: rgba(255,255,0,0.85); }
.annotator-tag-issues        { color: rgba(180,255,180,0.85); }
.annotator-tag-ruling        { color: rgba(120,180,255,0.85); }
.annotator-tag-principles    { color: rgba(180,120,255,0.85); }
.annotator-tag-important     { color: rgba(180,120,255,0.85); }

.hideBar { opacity:0; visibility: hidden; transition: visibility 1500ms; }
.showBar { opacity:1; visibility: visible; display:block; transition: opacity 500ms; }