.announcement__msg{animation:none}
@media (prefers-reduced-motion:no-preference){
  .announcement--n2 .announcement__msg{animation:ann2 calc(var(--dur) * var(--n)) infinite}
  .announcement--n3 .announcement__msg{animation:ann3 calc(var(--dur) * var(--n)) infinite}
  .announcement--n4 .announcement__msg{animation:ann4 calc(var(--dur) * var(--n)) infinite}
  .announcement__msg:nth-child(1){animation-delay:calc((0 - var(--n)) * var(--dur))}
  .announcement__msg:nth-child(2){animation-delay:calc((1 - var(--n)) * var(--dur))}
  .announcement__msg:nth-child(3){animation-delay:calc((2 - var(--n)) * var(--dur))}
  .announcement__msg:nth-child(4){animation-delay:calc((3 - var(--n)) * var(--dur))}
  .announcement:hover .announcement__msg,.announcement:focus-within .announcement__msg{animation-play-state:paused}
}
@keyframes ann2{0%,47%{opacity:1;visibility:visible}50%,100%{opacity:0;visibility:hidden}}
@keyframes ann3{0%,31%{opacity:1;visibility:visible}33.4%,100%{opacity:0;visibility:hidden}}
@keyframes ann4{0%,23%{opacity:1;visibility:visible}25%,100%{opacity:0;visibility:hidden}}