/* The navigation stays anchored while the next page comes into focus. */
@view-transition{navigation:auto}
html{view-transition-name:root}
body>header{view-transition-name:mainnet-header}
.review-bar,.room-status{view-transition-name:mainnet-status}
.campfire-dock{view-transition-name:mainnet-fire}
::view-transition-group(*){animation-duration:400ms;animation-timing-function:cubic-bezier(.2,.75,.25,1)}
::view-transition-old(root){animation:page-leave 180ms ease-out both;mix-blend-mode:normal}
::view-transition-new(root){animation:page-enter 420ms cubic-bezier(.2,.75,.25,1) both;mix-blend-mode:normal}
::view-transition-group(mainnet-header),::view-transition-group(mainnet-status),::view-transition-group(mainnet-fire){animation:none}
::view-transition-old(mainnet-header),::view-transition-old(mainnet-status),::view-transition-old(mainnet-fire){display:none}
::view-transition-new(mainnet-header),::view-transition-new(mainnet-status),::view-transition-new(mainnet-fire){animation:none}
@keyframes page-leave{to{opacity:0}}
@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.page-arriving main{animation:page-enter 420ms cubic-bezier(.2,.75,.25,1) both}
.motion-off::view-transition-group(*),.motion-off::view-transition-old(*),.motion-off::view-transition-new(*),.motion-paused::view-transition-group(*),.motion-paused::view-transition-old(*),.motion-paused::view-transition-new(*){animation:none!important}
.motion-off.page-arriving main,.motion-paused.page-arriving main{animation:none!important}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.page-arriving main{animation:none!important}}

::view-transition{pointer-events:none}