/* TheySaid navbar, dark theme (homepage, /v4): what used to be repeated in each page's CSS (theysaid-home-variant .is-home-v4
   rules, theysaid-v4 .is-lp copies). Loaded by the HtmlEmbed inside "Navbar V4 (Variant)", next to theysaid-nav.js. The
   light theme (inner pages) wraps the component in .navigation and has its own file (theysaid-nav-light.css), so every rule
   here skips a nav inside .navigation. Selectors keep the specificity they had in the page CSS. */

/* Get Started CTA: a "Button Primary" component instance, so it can't carry nav-v4_cta; targeted by position instead */
:where(.nav-v4_component:not(.navigation>*)) .nav-v4_actions>.button-v4.is-primary{flex:none;width:179px}
@media(min-width:992px) and (max-width:1219px){:where(.nav-v4_component:not(.navigation>*)) .nav-v4_actions>.button-v4.is-primary{width:auto;padding:0 18px}}
@media(max-width:991px){:where(.nav-v4_component:not(.navigation>*)) .nav-v4_actions>.button-v4.is-primary{order:0;margin-left:0}}

/* Resting pill (before is-scrolled) */
@media(min-width:480px){.nav-v4_component:not(.navigation>*):not(.is-scrolled) .nav-v4_pill{background-color:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}}

/* Entrance: drops in with the hero (same timing as the hero's h40- animations). fill-mode "backwards" leaves no styles
   behind once it ends, so is-hidden's translate still works */
@keyframes nav-dark-drop{from{opacity:0;transform:translateY(-24px)}}
@media (prefers-reduced-motion:no-preference){.nav-v4_component:not(.navigation>*){animation:nav-dark-drop .7s cubic-bezier(.16,1,.3,1) .35s backwards}}