/* Shared motion for the storefront and the standalone Quayso portal. */
html { scroll-behavior: smooth; }
html.so-scroll-animating { scroll-behavior: auto !important; }
#modules, #categories, #faq, #how, #qd-gifts, #qd-registration,
#qd-open-programs, #qd-published-results, #qd-rules, #qd-privacy { scroll-margin-top: 24px; }
.so-motion-pending { opacity: 0; transform: translate3d(0, 18px, 0); }
.so-motion-enter { animation: so-scroll-reveal 600ms cubic-bezier(.22, 1, .36, 1) var(--so-motion-delay, 0ms) both; }
@keyframes so-scroll-reveal {
    from { opacity: 0; transform: translate3d(0, 18px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
    html, html.so-scroll-animating { scroll-behavior: auto !important; }
    .so-motion-pending, .so-motion-enter { opacity: 1; transform: none; animation: none !important; }
}
@media print {
    .so-motion-pending, .so-motion-enter { opacity: 1; transform: none; animation: none !important; }
}