/* Native cross-document transitions keep links, browser history and scroll restoration intact. */

::view-transition-old(root){animation:codex-page-out 180ms ease-out both}
::view-transition-new(root){animation:codex-page-in 340ms cubic-bezier(.22,1,.36,1) both}
::view-transition-group(*){animation-duration:340ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
.header{view-transition-name:codex-header}
.season-effects{view-transition-name:codex-atmosphere}
::view-transition-old(codex-atmosphere){animation:none;opacity:0}
::view-transition-new(codex-atmosphere){animation:none}
::view-transition{pointer-events:none}
@keyframes codex-page-out{to{opacity:0}}
@keyframes codex-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){

  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

.page-arriving main{animation:codex-page-in 340ms cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){.page-arriving main{animation:none}}