.demoAlertBar{background:var(--b-neon);color:var(--b-blue);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 20px;display:flex}.demoAlertCenter{flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.demoAlertBadge{border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.demoAlertBadge img{object-fit:contain;width:100%;height:100%}.demoAlertCopy{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:14px;line-height:1.5;animation:.25s ease-out demo-alert-reveal;overflow:hidden}.demoAlertLink{color:var(--b-blue);text-underline-offset:3px;white-space:nowrap;align-items:center;gap:6px;margin-left:22px;font-size:13px;text-decoration:underline;display:inline-flex}body .demoAlertArrow{color:var(--b-blue);opacity:.75;background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:4px;display:grid}body .demoAlertArrow:hover{opacity:1}.demoAlertBar a:focus-visible,.demoAlertBar button:focus-visible{outline:2px solid var(--b-blue);outline-offset:3px;border-radius:4px}@keyframes demo-alert-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demoAlertCopy{animation:none}}@media (width<=600px){.demoAlertBar{gap:8px;padding:9px 14px}.demoAlertCenter{gap:8px}.demoAlertCopy{font-size:13px}.demoAlertLink{margin-left:14px}}.demoAlertBar{z-index:1;border-radius:28px 28px 0 0;margin-bottom:-32px;padding:18px 24px 46px;position:relative}body .homePage .demoAlertBar+.homeHero{margin-top:0}@media (width<=600px){.demoAlertBar{padding:15px 16px 43px}}
