::view-transition-new(root),::view-transition-old(root){animation-duration:.2s;animation-timing-function:ease-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-from-right{0%{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-to-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-30px);opacity:0}}@keyframes slide-from-bottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-to-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}header[id=site-header]{view-transition-name:header}::view-transition-new(header),::view-transition-old(header){animation:none;mix-blend-mode:normal}footer[id=site-footer]{view-transition-name:footer}::view-transition-new(footer),::view-transition-old(footer){animation-duration:.15s}[role=main],main{view-transition-name:main-content}::view-transition-old(main-content){animation:slide-to-left .2s ease-out}::view-transition-new(main-content){animation:slide-from-right .2s ease-out}.featured-image{view-transition-name:hero-image}::view-transition-old(hero-image){animation:fade-out .15s ease-out}::view-transition-new(hero-image){animation:slide-from-bottom .25s ease-out}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important;animation-duration:0s!important}}@media (max-width:768px){::view-transition-new(root),::view-transition-old(root){animation-duration:.15s}::view-transition-new(main-content),::view-transition-old(main-content){animation-duration:.15s}}