.announcement-bar{z-index:var(--z-raised);font-family:var(--font-nav-family);font-size:calc(var(--font-size-body) * .8125);position:relative}.announcement-bar__inner{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:40px;padding-block:var(--space-2xs);display:flex}.announcement-bar__messages{justify-content:center;align-items:center;gap:var(--space-2xs);flex:1;min-width:0;display:flex}.announcement-bar__aside{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.announcement-bar__track{flex:1;min-width:0;display:grid}.announcement-bar__message{justify-content:center;align-items:center;gap:var(--space-2xs);text-align:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);grid-area:1/1;display:flex}.announcement-bar__message:first-child,.announcement-bar__message.is-active{opacity:1;visibility:visible}.announcement-bar__message:first-child:not(.is-active)[aria-hidden=true]{opacity:0;visibility:hidden}.announcement-bar__content{align-items:center;gap:var(--space-2xs);color:inherit;display:inline-flex}.announcement-bar__content:where(a){text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.announcement-bar__arrow{width:28px;height:28px;color:inherit;border-radius:var(--radius-base);transition:opacity var(--hover-transition);flex-shrink:0;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.announcement-bar__arrow:hover{opacity:.6}}@media (max-width:749.98px){.announcement-bar__inner{justify-content:center}}