/* The page is always readable without JavaScript. Motion is progressive. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: r17-page-out 180ms ease-out both; }
::view-transition-new(root) { animation: r17-page-in 380ms cubic-bezier(.22,.65,.25,1) both; }
::view-transition-group(root) { animation-duration: 380ms; }
@keyframes r17-page-out { to { opacity: 0; transform: translateY(-8px); } }
@keyframes r17-page-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body>main { animation: r17-page-in 380ms cubic-bezier(.22,.65,.25,1) both; }
.r17-page-ready body>main { animation: none; }
.r17-reveal-pending { opacity: 0; transform: translateY(22px); }
.r17-reveal-in { animation: r17-reveal 680ms cubic-bezier(.22,.65,.25,1) both; animation-delay: var(--r17-delay,0ms); }
@keyframes r17-reveal { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.r17-reveal-pending:focus-within { opacity: 1; transform: none; }
@media (prefers-reduced-motion:reduce) {
 @view-transition { navigation: none; }
 ::view-transition-old(root),::view-transition-new(root),::view-transition-group(root) { animation: none!important; }
 body>main,.r17-reveal-in { animation: none!important; }
 .r17-reveal-pending { opacity: 1!important; transform: none!important; }
}
@media print {
 .r17-reveal-pending,.r17-reveal-in,body>main { opacity: 1!important; transform: none!important; animation: none!important; }
}