/* Reuse the World Cup bunting layout with bright, slightly softened colors. */
.birthday-flags li:nth-child(16n + 1) .worldcup-flag { background: #f56c9a; }
.birthday-flags li:nth-child(16n + 2) .worldcup-flag { background: #55c998; }
.birthday-flags li:nth-child(16n + 3) .worldcup-flag { background: #9c89e8; }
.birthday-flags li:nth-child(16n + 4) .worldcup-flag { background: #ffa05c; }
.birthday-flags li:nth-child(16n + 5) .worldcup-flag { background: #54b9eb; }
.birthday-flags li:nth-child(16n + 6) .worldcup-flag { background: #f5ca50; }
.birthday-flags li:nth-child(16n + 7) .worldcup-flag { background: #c976d8; }
.birthday-flags li:nth-child(16n + 8) .worldcup-flag { background: #42c4bc; }
.birthday-flags li:nth-child(16n + 9) .worldcup-flag { background: #f77d6b; }
.birthday-flags li:nth-child(16n + 10) .worldcup-flag { background: #729eea; }
.birthday-flags li:nth-child(16n + 11) .worldcup-flag { background: #a0cb5a; }
.birthday-flags li:nth-child(16n + 12) .worldcup-flag { background: #ed77b2; }
.birthday-flags li:nth-child(16n + 13) .worldcup-flag { background: #b18ee7; }
.birthday-flags li:nth-child(16n + 14) .worldcup-flag { background: #f3ae50; }
.birthday-flags li:nth-child(16n + 15) .worldcup-flag { background: #65d5b1; }
.birthday-flags li:nth-child(16n + 16) .worldcup-flag { background: #e8d75c; }

.worldcup-flags.birthday-flags li {
  animation-name: birthday-flag-sway;
  filter: none;
  opacity: 1;
}

.birthday-flags li:nth-child(4n) {
  animation-name: birthday-flag-sway-alt;
}

@keyframes birthday-flag-sway {
  0%, 100% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
}

@keyframes birthday-flag-sway-alt {
  0%, 100% { transform: rotate(2deg); }
  50% { transform: rotate(-2deg); }
}

@media (prefers-reduced-motion: reduce) {
  .worldcup-flags.birthday-flags li {
    animation: none;
  }
}