/* HIGHLIGHT */

.hl-red {
  background-color: rgba(255, 0, 0, 0.15);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #ff0000;
}

.hl-yellow {
  background-color: rgba(255, 255, 0, 0.25);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #ffcc00;
}

.hl-blue {
  background-color: rgba(0, 100, 255, 0.15);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #0064ff;
}

.hl-green {
  background-color: rgba(0, 200, 100, 0.15);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #00c864;
}

.hl-purple {
  background-color: rgba(200, 0, 255, 0.15);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #c800ff;
}

.hl-orange {
  background-color: rgba(255, 165, 0, 0.2);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #ffa500;
}

.hl-pink {
  background-color: rgba(255, 0, 127, 0.15);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #ff007f;
}

.hl-cyan {
  background-color: rgba(0, 255, 255, 0.2);
  padding: 2px 4px;
  border-radius: 3px;
  border-left: 3px solid #00ffff;
}

.ul-red {
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: rgba(255, 0, 0, .7);
}

.ul-yellow {
  text-decoration: underline;
  /* text-decoration-style: wavy; */
  text-decoration-color: rgba(255, 255, 0, .7);
}

.faded {
  opacity: .6;
}

.faded-extra {
  opacity: .3;
}