@view-transition{navigation:auto}
body:not([data-review-kind]) #main-content{view-transition-name:editorial-page}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(editorial-page){animation-duration:160ms;animation-timing-function:cubic-bezier(.22,.61,.36,1);overflow:clip}
::view-transition-old(editorial-page){animation:editorial-out 160ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
::view-transition-new(editorial-page){animation:editorial-in 160ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
@keyframes editorial-out{from{transform:translateX(0)}to{transform:translateX(-100vw)}}
@keyframes editorial-in{from{transform:translateX(100vw)}to{transform:translateX(0)}}
html[data-editorial-direction=back]::view-transition-old(editorial-page){animation-name:editorial-back-out}
html[data-editorial-direction=back]::view-transition-new(editorial-page){animation-name:editorial-back-in}
@keyframes editorial-back-out{from{transform:translateX(0)}to{transform:translateX(100vw)}}
@keyframes editorial-back-in{from{transform:translateX(-100vw)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}