@media (prefers-reduced-motion: no-preference) {
  .workspace-topbar .logo > span > i {
    transform-origin: center bottom;
    animation: lihe-brand-pulse 2400ms ease-in-out infinite;
  }

  .workspace-topbar .logo > span > i:nth-child(2) { animation-delay: -1600ms; }
  .workspace-topbar .logo > span > i:nth-child(3) { animation-delay: -800ms; }

  @keyframes lihe-brand-pulse {
    0%, 100% { transform: skew(-7deg) scaleY(1); }
    50% { transform: skew(-7deg) scaleY(.88); }
  }
}