.highlighter{
  background-size:0% 75%;
  background-position:0 50%;
  background-repeat: no-repeat;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display:inline;
  padding:0 0.1em;
  position:relative;
}
.highlighter__item--background-white{
  background-image: linear-gradient(var(--cm-wwl-color-white), var(--cm-wwl-color-white)); 
}
.highlighter__item--background-yellow{
  background-image: linear-gradient(var(--cm-wwl-color-primary-yellow), var(--cm-wwl-color-primary-yellow));
}
.highlighter__item--background-tan{
  background-image: linear-gradient(var(--cm-wwl-color-primary-tan), var(--cm-wwl-color-primary-tan))
}
.highlighter__text-only--color-white{
  color:var(--cm-wwl-color-white);
}
.highlighter__text-only--color-yellow{
  color:var(--cm-wwl-color-primary-yellow);
}
.highlighter__text-only--color-tan{
  color:var(--cm-wwl-color-primary-tan);
}
.static-highlighter .highlighter.highlighter__state--active{
  background-size:100% 75%;
}

.gsap.animate-highlighter .highlighter.highlighter__state--active{
  animation:highlightItem 0.6s ease-in 0s 1 normal both;
}

.gsap.fadein-animate-highlighter .highlighter{
  opacity:0.1;
  position:relative;
}

.gsap.fadein-animate-highlighter .highlighter.highlighter__state--active{
  animation:fadeIn 0.6s ease-in 0s 1 normal both, highlightItem 0.6s ease-in 0.6s 1 normal both;
}