/* Cross-page fade transition for every CTA that leads into the configurator
   (product.html / legacy-product.html): fade the current page out, then fade
   the configurator in, on both the marketing pages (exit) and the
   configurator entry pages (enter). See docs/configurator-cta-fade.md and
   configurator-transition.js, which toggles these classes. */
body{transition:opacity 160ms ease-in}
html.ns-transition-exit body{opacity:0}
html.ns-transition-enter body{opacity:0}
html.ns-transition-enter.ns-transition-ready body{transition:opacity 160ms ease-out;opacity:1}
@media(prefers-reduced-motion:reduce){
  body{transition:none}
  html.ns-transition-enter body,html.ns-transition-exit body{opacity:1}
}