.announcement-bar { --announcement-duration: 36s; position: relative; display: flex; align-items: stretch; width: 100%; min-height: 36px; color: #fff; background: #102638; border-bottom: 1px solid rgba(255,255,255,.1); }
.announcement-bar__viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.announcement-bar__track { display: flex; width: max-content; animation: announcement-scroll var(--announcement-duration) linear infinite; }
.announcement-bar__group { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-around; gap: 64px; min-width: var(--announcement-width,100vw); padding: 8px 32px; }
.announcement-bar__item { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; font-size: 12px; font-weight: 700; line-height: 20px; }
.announcement-bar__item a { color: inherit; text-underline-offset: 3px; }
.announcement-bar__item a:hover, .announcement-bar__item a:focus-visible { color: #ffaf81; text-decoration: underline; }
.announcement-bar__item a:focus-visible { outline: 2px solid #ffaf81; outline-offset: 3px; }
.announcement-bar__dot { flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #ff8038; }
.announcement-bar__pause { display: grid; flex: 0 0 38px; place-items: center; min-height: 36px; padding: 0; border: 0; border-left: 1px solid rgba(255,255,255,.16); background: #102638; color: #fff; cursor: pointer; font-size: 14px; }
.announcement-bar__pause[hidden] { display: none; }
.announcement-bar__pause:hover, .announcement-bar__pause:focus-visible { color: #ffaf81; outline: 2px solid #ffaf81; outline-offset: -3px; }
.announcement-bar:hover .announcement-bar__track, .announcement-bar:focus-within .announcement-bar__track, .announcement-bar.is-paused .announcement-bar__track { animation-play-state: paused; }
@keyframes announcement-scroll { to { transform: translateX(-50%); } }
@media(max-width:640px){.announcement-bar__group{gap:36px;padding-inline:18px}.announcement-bar__item{font-size:11px}}
@media(prefers-reduced-motion:reduce){
  .announcement-bar__track{width:100%;animation:none}
  .announcement-bar__group{justify-content:center;flex-wrap:wrap;min-width:0;width:100%;gap:6px 24px;padding:8px 16px}
  .announcement-bar__group[aria-hidden="true"],.announcement-bar__pause{display:none}
  .announcement-bar__item{white-space:normal;max-width:100%;font-size:12px}
}