.tx-highlight-text{
  --tx-active:#111;               /* highlight color */
  --tx-muted:rgba(182,182,182,.25);
  font-weight:700;
  line-height:1.15;
  font-size: 54px;
}

.tx-highlight-text-line{ position:relative; display:block; margin:.15em 0; }
.tx-highlight-text-base{ color:var(--tx-muted); }

.tx-highlight-text-fill{
  position:absolute; inset:0;
  color:transparent;
  background-image:linear-gradient(to right, var(--tx-active), var(--tx-active));
  background-repeat:no-repeat;
  background-position:left center;
  background-size:0% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  will-change:background-size;
  transition: background-size 0.3s ease-out;
}