/* Original homepage fillChange: the emblem and ONLINE share a 10-second cycle. */
.jj-site .home-pr .pr-symbol {
  top: 2.5rem;
  right: -70px;
  width: 450px;
  height: auto;
}
.jj-site .home-pr .pr-symbol-glow {
  fill: #fff;
  filter: blur(9px);
  opacity: .7;
}
.jj-site .home-pr .pr-symbol-color,
.jj-site .home-pr .pr-accent {
  fill: #ffc7c3;
  color: #ff665b;
  animation: pr-fill-change 10s linear infinite;
}
@keyframes pr-fill-change {
  0%, 100% { fill: #ffc7c3; color: #ff665b; }
  25% { fill: #bbdeff; color: #58a3ea; }
  50% { fill: #d4ffbb; color: #90de63; }
  75% { fill: #fffed6; color: #e6e25c; }
}
@media (max-width: 991px) {
  .jj-site .home-pr .pr-symbol { right: -60px; width: 320px; }
}
@media (max-width: 767px) {
  .jj-site .home-pr .pr-symbol { right: -30px; width: 170px; }
}
@media (prefers-reduced-motion: reduce) {
  .jj-site .home-pr .pr-symbol-color,
  .jj-site .home-pr .pr-accent { animation: none; }
}