@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.58s;animation-timing-function:cubic-bezier(.22,.7,.18,1)}
::view-transition-old(root){animation:journal-fade-out .22s ease both}
::view-transition-new(root){animation:journal-fade-in .4s ease both}
::view-transition-group(journal-image){z-index:2;overflow:clip;border-radius:4px}
::view-transition-image-pair(journal-image){isolation:auto}
::view-transition-old(journal-image),::view-transition-new(journal-image){height:100%;object-fit:cover;mix-blend-mode:normal}
::view-transition-old(journal-image){animation:none}
::view-transition-new(journal-image){animation:journal-fade-in .3s ease both}
::view-transition-group(journal-title){z-index:3}
::view-transition-old(journal-title),::view-transition-new(journal-title){height:100%;object-fit:contain;object-position:left top}
@keyframes journal-fade-out{to{opacity:0}}@keyframes journal-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}