/* Text Marker Effect for Highlighted Text */

mark {
  padding: 0em 0.7em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 229, 54, 0.1),
    rgba(255, 229, 54, 0.6) 4%,
    rgba(255, 229, 54, 0.2)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (prefers-color-scheme: dark) {
  mark {
    color: white;
    background-image: linear-gradient(
      to right,
      rgba(255, 229, 54, 0.2),
      rgba(255, 229, 54, 0.8) 4%,
      rgba(255, 229, 54, 0.4)
    );
  }
}