/* START OF MARKER marker0 */
.marker0 {
    margin: 0;
    padding: 0;
    border-radius: 0.7em 0.30000000000000004em;
    position: relative;
    background: transparent;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    z-index: 0;
}

.marker0::before {
    content: "";
    position: absolute;
    inset: -0.1em -0.4em;
    top: -0.1em;
    left: -0.4em;
    right: -0.4em;
    bottom: -0.1em;
    border-radius: 0.7em 0.30000000000000004em;
    background-image: linear-gradient(
    to right,
    rgba(175, 211, 240, 0.3),
    rgba(175, 211, 240, 0.9) 3%,
    rgba(175, 211, 240, 0.3) 97%,
    rgba(175, 211, 240, 0.7)
    );
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0s;
    z-index: -1;
    pointer-events: none;
}

/* Fallback for printing */
@media print {
    .marker0::before {
        background-image: none;
        background-color: rgba(175, 211, 240, 0.4);
    }
}

.marker0.animate-highlight::before {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.7s ease-in-out;
}
/* END OF MARKER marker0 */