/**
 * Highlight Animator - Integrated CSS (v1.2.5)
 * 아이콘 교체 및 팝오버-화살표 일체화 디자인 완성
 */

/* 프론트엔드 멀티라인 애니메이션 */

.ha-highlight {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, #d3e3fd));
  background-image: linear-gradient(90deg, transparent 50%, #d3e3fd 0);
  background-position: 0;
  background-size: 200%;
  -webkit-transition: background-position 1.0s linear;
  transition: background-position 1.0s linear;
  font-weight: bold; padding: 0 2px;
}
.ha-highlight.ha-animate {
  background-position: -100%;
}


.wp-block-post-content .ha-highlight { background-color:#d3e3fd }