/* Scoutics page flow: panels ease in once as they scroll into view.
   Only opacity and the separate `translate` property change, so a panel's own transform (the simulator and team pickers sit at
   translateX(32px)) is never touched. The transition belongs to the reveal alone, so hiding a panel is never animated.
   Nothing here scrolls, snaps or pins the page, and every class is removed once the panel has appeared. */
html .site-content .flow-wait{opacity:0;translate:0 24px;will-change:opacity,translate}
html .site-content .flow-wait.flow-in{opacity:1;translate:0 0;transition:opacity .75s cubic-bezier(.22,.61,.36,1),translate .9s cubic-bezier(.16,1,.3,1)}
html .site-content .flow-wait.flow-quiet,html .site-content .flow-wait.flow-tall{translate:none;will-change:opacity}
html .site-content .flow-wait.flow-in.flow-quiet,html .site-content .flow-wait.flow-in.flow-tall{translate:none;transition:opacity .4s ease-out}
@media (max-width:700px){html .site-content .flow-wait{translate:0 16px}html .site-content .flow-wait.flow-in{translate:0 0}html .site-content .flow-wait.flow-quiet,html .site-content .flow-wait.flow-tall,html .site-content .flow-wait.flow-in.flow-quiet,html .site-content .flow-wait.flow-in.flow-tall{translate:none}}
@media (prefers-reduced-motion:reduce),print{html .site-content .flow-wait{opacity:1!important;translate:none!important;transition:none!important}}