/* Share the existing home/article brand animation with the tools pages. */
.static-shell .brand-title-letter {
  animation: brand-title-letter-cycle 10s cubic-bezier(0.22, 0.8, 0.24, 1) infinite both;
  animation-delay: calc(1.2s + (var(--letter-index, 0) * 80ms));
}

.static-shell .header-brazil-flag img {
  animation: header-brazil-flag-cycle 8s cubic-bezier(0.22, 0.8, 0.24, 1) 1.2s infinite both;
}

@media (prefers-reduced-motion: reduce) {
  .static-shell .brand-title-letter,
  .static-shell .header-brazil-flag img {
    animation: none;
    opacity: 1;
    transform: none;
  }
}