.nga-announcement {
  --nga-announcement-duration: 30s;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  max-width: 100vw;
  contain: inline-size;
  background: var(--navy-950, #0a1322);
  color: #fff;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

.nga-announcement__track {
  display: flex;
  max-width: none;
  width: max-content;
  animation: nga-announcement-scroll var(--nga-announcement-duration) linear infinite;
  will-change: transform;
}

.nga-announcement__group {
  display: flex;
  flex: none;
  align-items: center;
  min-width: max-content;
  padding-block: 9px;
}

.nga-announcement__item {
  white-space: nowrap;
}

.nga-announcement__item a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.nga-announcement__separator {
  margin-inline: 22px;
  color: #e3ecfb;
}

.nga-announcement--pause:hover .nga-announcement__track {
  animation-play-state: paused;
}

@keyframes nga-announcement-scroll {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .nga-announcement__track {
    display: block;
    width: 100%;
    animation: none;
    transform: none;
  }

  .nga-announcement__group {
    justify-content: center;
    min-width: 0;
    width: 100%;
  }

  .nga-announcement__group[aria-hidden="true"],
  .nga-announcement__group .nga-announcement__item:not(:first-child),
  .nga-announcement__group .nga-announcement__separator {
    display: none;
  }
}