/* Content moves as one scene; navigation and the profile stay in place. */
html[data-oculus-page-transition]{view-transition-name:none}
html[data-oculus-page-transition] #content{view-transition-name:oculus-page}
::view-transition{pointer-events:none}
::view-transition-group(oculus-page){animation:none}
::view-transition-old(oculus-page){animation:oc-page-out 260ms cubic-bezier(.4,0,.6,1) both;mix-blend-mode:normal}
::view-transition-new(oculus-page){animation:oc-page-in 580ms cubic-bezier(.22,.7,.22,1) 60ms both;mix-blend-mode:normal}
@keyframes oc-page-out{to{opacity:0}}
@keyframes oc-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  :is(.rail-nav-button,.btn,.icon-btn,.close-x,.notify-button,.oc-top-messenger){transition:background-color 220ms,border-color 220ms,color 220ms,box-shadow 220ms}
  .modal-backdrop{animation:oc-page-in 220ms ease both}
  .modal-backdrop>.modal{animation:oc-dialog-in 320ms cubic-bezier(.22,.7,.22,1) both}
  .notify-panel:not(.is-hidden){animation:oc-dialog-in 260ms cubic-bezier(.22,.7,.22,1) both}
  @keyframes oc-dialog-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}