/* Shared by the Next marketing header and reviewed Guides header. */
.launch-banner { display:flex; height:32px; background:#121212; color:#FFFFFF; }
.launch-banner-copy { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.launch-banner-window { min-width:0; flex:1; overflow:hidden; }
.launch-banner-rail { display:flex; width:max-content; height:100%; animation:launch-banner-scroll 36s linear infinite; }
.launch-banner-group { display:flex; flex:none; align-items:center; justify-content:space-around; gap:36px; padding-inline:18px; min-width:100vw; font:600 10px/1.4 "IBM Plex Mono",monospace; letter-spacing:.15em; text-transform:uppercase; white-space:nowrap; }
.launch-banner-group span { display:inline-flex; align-items:center; gap:18px; }
.launch-banner-group b { color:#FFFF4C; font-weight:400; }
.launch-banner-toggle { display:grid; place-items:center; flex:none; width:44px; height:32px; border:0; border-left:1px solid #FFFFFF40; background:#121212; color:#FFFFFF; font:14px/1 system-ui; cursor:pointer; }
.launch-banner-toggle:hover { background:#292929; }
.launch-banner-toggle:focus-visible { outline:2px solid #FFFF4C; outline-offset:-4px; }
.launch-banner[data-paused="true"] .launch-banner-rail { animation-play-state:paused; }
@keyframes launch-banner-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .launch-banner-rail { animation:none; } .launch-banner-toggle { display:none; } }
