.annotation {
  position: relative;
  display: inline;
}
.annotation::after {
  content: attr(data-tag);
  position: static;
  top: 2em;
  left: 0;
  font-size: 0.7em;
  text-transform: uppercase;
  background: lightyellow;
}

body {
  background-color: #f1f1f1;
}


.spacer {
 margin:0; 
 padding:0; 
 height:35px; 
 }
 
.tinyspacer {
 margin:0; 
 padding:0; 
 height:5px; 
 }



.entities {
     line-height: 2;
}

[data-entity] {
     padding: 0.25em 0.35em;
     margin: 0px 0.25em;
     line-height: 1;
     display: inline-block;
     border-radius: 0.25em;
     border: 1px solid;
}

[data-entity]::after {
     box-sizing: border-box;
     content: attr(data-entity);
     font-size: 0.6em;
     line-height: 1;
     padding: 0.35em;
     border-radius: 0.35em;
     text-transform: uppercase;
     display: inline-block;
     vertical-align: middle;
     margin: 0px 0px 0.1rem 0.5rem;
}

[data-entity][data-entity="look"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="look"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="detail"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="detail"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="season"] {
     background: rgba(191, 252, 93, 0.2);
     border-color: rgb(191, 252, 93);
}
[data-entity][data-entity="season"]::after {
     background: rgb(191, 252, 93);
}

[data-entity][data-entity="activity"] {
     background: rgba(93, 220, 252, 0.2);
     border-color: rgb(93, 220, 252);
}
[data-entity][data-entity="activity"]::after {
     background: rgb(93, 220, 252);
}

[data-entity][data-entity="texture"] {
     background: rgba(227, 255, 214, 0.2);
     border-color: rgb(227, 255, 214);
}
[data-entity][data-entity="texture"]::after {
     background: rgb(227, 255, 214);
}

[data-entity][data-entity="category"] {
     background: rgba(229, 212, 59, 0.2);
     border-color: rgb(229, 212, 59);
}
[data-entity][data-entity="category"]::after {
     background: rgb(229, 212, 59);
}

[data-entity][data-entity="item"] {
     background: rgba(255, 226, 168, 0.2);
     border-color: rgb(255, 226, 168);
}
[data-entity][data-entity="item"]::after {
     background: rgb(255, 226, 168);
}

[data-entity][data-entity="category"] {
     background: rgba(24, 221, 208, 0.2);
     border-color: rgb(24, 221, 208);
}
[data-entity][data-entity="category"]::after {
     background: rgb(24, 221, 208);
}

[data-entity][data-entity="color"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}

[data-entity][data-entity="color"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="occasion"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="occasion"]::after {
     background: rgb(47, 187, 171);
}

[data-entity][data-entity="design"] {
     background: rgba(255, 204, 0, 0.2);
     border-color: rgb(255, 204, 0);
}

[data-entity][data-entity="design"]::after {
     background: rgb(255, 204, 0);
}

[data-entity][data-entity="textile"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="textile"]::after {
     background: rgb(47, 187, 171);
}


[data-entity][data-entity="product"] {
     background: rgba(224, 0, 132, 0.2);
     border-color: rgb(224, 0, 132);
}

[data-entity][data-entity="product"]::after {
     background: rgb(224, 0, 132);
}

[data-entity][data-entity="brand"] {
     background: rgba(224, 0, 132, 0.2);
     border-color: rgb(224, 0, 132);
}

[data-entity][data-entity="brand"]::after {
     background: rgb(224, 0, 132);
}

[data-entity][data-entity="publisher"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}

[data-entity][data-entity="publisher"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="np"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}

[data-entity][data-entity="np"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="person"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}

[data-entity][data-entity="person"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="per"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}

[data-entity][data-entity="per"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="norp"] {
     background: rgba(224, 0, 132, 0.2);
     border-color: rgb(224, 0, 132);
}

[data-entity][data-entity="norp"]::after {
     background: rgb(224, 0, 132);
}

[data-entity][data-entity="other"] {
     background: rgba(224, 0, 132, 0.2);
     border-color: rgb(224, 0, 132);
}

[data-entity][data-entity="other"]::after {
     background: rgb(224, 0, 132);
}


[data-entity][data-entity="facility"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}

[data-entity][data-entity="facility"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="org"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}

[data-entity][data-entity="org"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="organization"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}

[data-entity][data-entity="organization"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="gpe"] {
     background: rgba(253, 151, 32, 0.2);
     border-color: rgb(253, 151, 32);
}

[data-entity][data-entity="gpe"]::after {
     background: rgb(253, 151, 32);
}

[data-entity][data-entity="vp"] {
     background: rgba(253, 151, 32, 0.2);
     border-color: rgb(253, 151, 32);
}

[data-entity][data-entity="vp"]::after {
     background: rgb(253, 151, 32);
}

[data-entity][data-entity="location"] {
     background: rgba(253, 151, 32, 0.2);
     border-color: rgb(253, 151, 32);
}

[data-entity][data-entity="location"]::after {
     background: rgb(253, 151, 32);
}

[data-entity][data-entity="loc"] {
     background: rgba(253, 151, 32, 0.2);
     border-color: rgb(253, 151, 32);
}

[data-entity][data-entity="loc"]::after {
     background: rgb(253, 151, 32);
}

[data-entity][data-entity="product"] {
     background: rgba(142, 125, 255, 0.2);
     border-color: rgb(142, 125, 255);
}

[data-entity][data-entity="product"]::after {
     background: rgb(142, 125, 255);
}

[data-entity][data-entity="event"] {
     background: rgba(255, 204, 0, 0.2);
     border-color: rgb(255, 204, 0);
}

[data-entity][data-entity="event"]::after {
     background: rgb(255, 204, 0);
}

[data-entity][data-entity="work_of_art"] {
     background: rgba(255, 204, 0, 0.2);
     border-color: rgb(255, 204, 0);
}

[data-entity][data-entity="work_of_art"]::after {
     background: rgb(255, 204, 0);
}

[data-entity][data-entity="language"] {
     background: rgba(255, 204, 0, 0.2);
     border-color: rgb(255, 204, 0);
}

[data-entity][data-entity="language"]::after {
     background: rgb(255, 204, 0);
}

[data-entity][data-entity="date"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="date"]::after {
     background: rgb(47, 187, 171);
}

[data-entity][data-entity="time"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="time"]::after {
     background: rgb(47, 187, 171);
}

[data-entity][data-entity="percent"] {
     background: rgba(153, 153, 153, 0.2);
     border-color: rgb(153, 153, 153);
}

[data-entity][data-entity="percent"]::after {
     background: rgb(153, 153, 153);
}

[data-entity][data-entity="money"] {
     background: rgba(153, 153, 153, 0.2);
     border-color: rgb(153, 153, 153);
}

[data-entity][data-entity="money"]::after {
     background: rgb(153, 153, 153);
}

[data-entity][data-entity="quantity"] {
     background: rgba(153, 153, 153, 0.2);
     border-color: rgb(153, 153, 153);
}

[data-entity][data-entity="quantity"]::after {
     background: rgb(153, 153, 153);
}

[data-entity][data-entity="ordinal"] {
     background: rgba(153, 153, 153, 0.2);
     border-color: rgb(153, 153, 153);
}

[data-entity][data-entity="ordinal"]::after {
     background: rgb(153, 153, 153);
}

[data-entity][data-entity="cardinal"] {
     background: rgba(153, 153, 153, 0.2);
     border-color: rgb(153, 153, 153);
}

[data-entity][data-entity="cardinal"]::after {
     background: rgb(153, 153, 153);
}



[data-entity][data-entity="PROPN"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}
[data-entity][data-entity="PROPN"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="NNP"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}
[data-entity][data-entity="NNP"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="NNPS"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}
[data-entity][data-entity="NNPS"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="NOUN"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="NOUN"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="NN"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="NN"]::after {
     background: rgb(166, 226, 45);
}
[data-entity][data-entity="NNS"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="NNS"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="VERB"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}
[data-entity][data-entity="VERB"]::after {
     background: rgb(229, 32, 94);
}


[data-entity][data-entity="VB"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}
[data-entity][data-entity="VB"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="VBP"] {
     background: rgba(209, 32, 94, 0.2);
     border-color: rgb(209, 32, 94);
}
[data-entity][data-entity="VBP"]::after {
     background: rgb(209, 32, 94);
}

[data-entity][data-entity="VBD"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}
[data-entity][data-entity="VBD"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="VBZ"] {
     background: rgba(255, 35, 104, 0.2);
     border-color: rgb(255, 35, 104);
}
[data-entity][data-entity="VBZ"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="VBG"] {
     background: rgba(247, 0, 145, 0.2);
     border-color: rgb(247, 0, 145);
}
[data-entity][data-entity="VBG"]::after {
     background: rgb(224, 0, 132);
}

[data-entity][data-entity="VBN"] {
     background: rgba(224, 0, 132, 0.2);
     border-color: rgb(224, 0, 132);
}
[data-entity][data-entity="VBN"]::after {
     background: rgb(224, 0, 132);
}

[data-entity][data-entity="ADJ"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="ADJ"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="JJ"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="JJ"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="JJR"] {
     background: rgba(157, 255, 233, 0.2);
     border-color: rgb(157, 255, 233);
}
[data-entity][data-entity="JJR"]::after {
     background: rgb(157, 255, 233);
}

[data-entity][data-entity="JJS"] {
     background: rgba(137, 275, 233, 0.2);
     border-color: rgb(137, 275, 233);
}
[data-entity][data-entity="JJS"]::after {
     background: rgb(137, 275, 233);
}

[data-entity][data-entity="DET"] {
     background: rgba(255, 226, 168, 0.2);
     border-color: rgb(255, 226, 168);
}
[data-entity][data-entity="DET"]::after {
     background: rgb(255, 226, 168);
}

[data-entity][data-entity="DT"] {
     background: rgba(255, 226, 168, 0.2);
     border-color: rgb(255, 226, 168);
}
[data-entity][data-entity="DT"]::after {
     background: rgb(255, 226, 168);
}

[data-entity][data-entity="ADV"] {
     background: rgba(227, 255, 214, 0.2);
     border-color: rgb(227, 255, 214);
}
[data-entity][data-entity="ADV"]::after {
     background: rgb(227, 255, 214);
}

[data-entity][data-entity="RB"] {
     background: rgba(227, 255, 214, 0.2);
     border-color: rgb(227, 255, 214);
}
[data-entity][data-entity="RB"]::after {
     background: rgb(227, 255, 214);
}

[data-entity][data-entity="RBR"] {
     background: rgba(227, 285, 214, 0.2);
     border-color: rgb(227, 285, 214);
}
[data-entity][data-entity="RBR"]::after {
     background: rgb(227, 285, 214);
}

[data-entity][data-entity="RBS"] {
     background: rgba(227, 255, 254, 0.2);
     border-color: rgb(227, 255, 254);
}
[data-entity][data-entity="RBS"]::after {
     background: rgb(227, 255, 254);
}

[data-entity][data-entity="RP"] {
     background: rgba(227, 285, 254, 0.2);
     border-color: rgb(227, 285, 254);
}
[data-entity][data-entity="RP"]::after {
     background: rgb(227, 285, 254);
}


[data-entity][data-entity="PRON"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="PRON"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="PRP"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="PRP"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="PRP$"] {
     background: rgba(199, 134, 255, 0.2);
     border-color: rgb(199, 134, 255);
}
[data-entity][data-entity="PRP$"]::after {
     background: rgb(199, 134, 255);
}


[data-entity][data-entity="CCONJ"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="CCONJ"]::after {
     background: rgb(47, 187, 171);
}


[data-entity][data-entity="CC"] {
     background: rgba(47, 187, 171, 0.2);
     border-color: rgb(47, 187, 171);
}

[data-entity][data-entity="CC"]::after {
     background: rgb(47, 187, 171);
}

[data-entity][data-entity="ADP"] {
     background: rgba(255, 207, 153, 0.2);
     border-color: rgb(255, 207, 153);
}
[data-entity][data-entity="ADP"]::after {
     background: rgb(255, 207, 153);
}

[data-entity][data-entity="IN"] {
     background: rgba(255, 207, 153, 0.2);
     border-color: rgb(255, 207, 153);
}
[data-entity][data-entity="IN"]::after {
     background: rgb(255, 207, 153);
}

[data-entity][data-entity="TO"] {
     background: rgba(255, 227, 153, 0.2);
     border-color: rgb(255, 227, 153);
}
[data-entity][data-entity="TO"]::after {
     background: rgb(255, 227, 153);
}

[data-entity][data-entity="AUX"] {
     background: rgba(255, 206, 221, 0.2);
     border-color: rgb(255, 206, 221);
}
[data-entity][data-entity="AUX"]::after {
     background: rgb(255, 206, 221);
}

[data-entity][data-entity="MD"] {
     background: rgba(255, 206, 221, 0.2);
     border-color: rgb(255, 206, 221);
}
[data-entity][data-entity="MD"]::after {
     background: rgb(255, 206, 221);
}

[data-entity][data-entity="FW"] {
     background: rgba(221, 170, 255, 0.2);
     border-color: rgb(221, 170, 255);
}
[data-entity][data-entity="FW"]::after {
     background: rgb(221, 170, 255);
}


[data-entity][data-entity="NUM"] {
     background: rgba(177, 231, 249, 0.2);
     border-color: rgb(177, 231, 249);
}
[data-entity][data-entity="NUM"]::after {
     background: rgb(177, 231, 249);
}


[data-entity][data-entity="CD"] {
     background: rgba(177, 231, 249, 0.2);
     border-color: rgb(177, 231, 249);
}
[data-entity][data-entity="CD"]::after {
     background: rgb(177, 231, 249);
}

[data-entity][data-entity="WP"] {
     background: rgba(255, 204, 0, 0.2);
     border-color: rgb(255, 204, 0);
}
[data-entity][data-entity="WP"]::after {
     background: rgb(255, 204, 0);
}
[data-entity][data-entity="WDT"] {
     background: rgba(255, 234, 0, 0.2);
     border-color: rgb(255, 234, 0);
}
[data-entity][data-entity="WDT"]::after {
     background: rgb(255, 234, 0);
}

[data-entity][data-entity="WP$"] {
     background: rgba(275, 234, 0, 0.2);
     border-color: rgb(275, 234, 0);
}
[data-entity][data-entity="WP$"]::after {
     background: rgb(275, 234, 0);
}

[data-entity][data-entity="WRB"] {
     background: rgba(275, 204, 0, 0.2);
     border-color: rgb(275, 204, 0);
}
[data-entity][data-entity="WRB"]::after {
     background: rgb(275, 204, 0);
}


[data-entity][data-entity="disease"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="disease"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="species"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}
[data-entity][data-entity="species"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="chemical"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}
[data-entity][data-entity="chemical"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="gene"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="gene"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="cellline"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="cellline"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="negation"] {
     background: rgba(255, 206, 221, 0.2);
     border-color: rgb(255, 206, 221);
}
[data-entity][data-entity="negation"]::after {
     background: rgb(255, 206, 221);
}

[data-entity][data-entity="speculation"] {
     background: rgba(221, 170, 255, 0.2);
     border-color: rgb(221, 170, 255);
}
[data-entity][data-entity="speculation"]::after {
     background: rgb(221, 170, 255);
}


[data-entity][data-entity="Land"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="Land"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="Landschaft"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}
[data-entity][data-entity="Landschaft"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="Institution"] {
     background: rgba(67, 198, 252, 0.2);
     border-color: rgb(67, 198, 252);
}
[data-entity][data-entity="Institution"]::after {
     background: rgb(67, 198, 252);
}

[data-entity][data-entity="Verordnung"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="Verordnung"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="Gesetz"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="Gesetz"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="indirect"] {
     background: rgba(166, 226, 45, 0.2);
     border-color: rgb(166, 226, 45);
}
[data-entity][data-entity="indirect"]::after {
     background: rgb(166, 226, 45);
}

[data-entity][data-entity="direct"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="direct"]::after {
     background: rgb(199, 104, 255);
}



[data-entity][data-entity="Sing"] {
     background: rgba(137, 255, 233, 0.2);
     border-color: rgb(137, 255, 233);
}
[data-entity][data-entity="Sing"]::after {
     background: rgb(137, 255, 233);
}

[data-entity][data-entity="Plur"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="Plur"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="Masc"] {
     background: rgba(191, 252, 93, 0.2);
     border-color: rgb(191, 252, 93);
}
[data-entity][data-entity="Masc"]::after {
     background: rgb(191, 252, 93);
}

[data-entity][data-entity="Fem"] {
     background: rgba(93, 220, 252, 0.2);
     border-color: rgb(93, 220, 252);
}
[data-entity][data-entity="Fem"]::after {
     background: rgb(93, 220, 252);
}

[data-entity][data-entity="Neut"] {
     background: rgba(227, 255, 214, 0.2);
     border-color: rgb(227, 255, 214);
}
[data-entity][data-entity="Neut"]::after {
     background: rgb(227, 255, 214);
}

[data-entity][data-entity="Nom"] {
     background: rgba(229, 212, 59, 0.2);
     border-color: rgb(229, 212, 59);
}
[data-entity][data-entity="Nom"]::after {
     background: rgb(229, 212, 59);
}

[data-entity][data-entity="Dat"] {
     background: rgba(255, 226, 168, 0.2);
     border-color: rgb(255, 226, 168);
}
[data-entity][data-entity="Dat"]::after {
     background: rgb(255, 226, 168);
}

[data-entity][data-entity="Acc"] {
     background: rgba(24, 221, 208, 0.2);
     border-color: rgb(24, 221, 208);
}
[data-entity][data-entity="Acc"]::after {
     background: rgb(24, 221, 208);
}

[data-entity][data-entity="Gen"] {
     background: rgba(229, 32, 94, 0.2);
     border-color: rgb(229, 32, 94);
}

[data-entity][data-entity="Gen"]::after {
     background: rgb(229, 32, 94);
}

[data-entity][data-entity="Pres"] {
     background: rgba(199, 104, 255, 0.2);
     border-color: rgb(199, 104, 255);
}
[data-entity][data-entity="Pres"]::after {
     background: rgb(199, 104, 255);
}

[data-entity][data-entity="Past"] {
     background: rgba(255, 206, 221, 0.2);
     border-color: rgb(255, 206, 221);
}
[data-entity][data-entity="Past"]::after {
     background: rgb(255, 206, 221);
}

[data-entity][data-entity="Future"] {
     background: rgba(221, 170, 255, 0.2);
     border-color: rgb(221, 170, 255);
}
[data-entity][data-entity="Future"]::after {
     background: rgb(221, 170, 255);
}