::view-transition-new(root),::view-transition-old(root){animation:none}::view-transition-new(main-content),::view-transition-old(main-content){animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(main-content){animation-name:fade-out}::view-transition-new(main-content){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%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}::view-transition-new(media),::view-transition-old(media){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-new(card),::view-transition-new(hero),::view-transition-new(main-content),::view-transition-new(media),::view-transition-old(card),::view-transition-old(hero),::view-transition-old(main-content),::view-transition-old(media){animation-duration:.01ms!important;animation-iteration-count:1!important}}.view-transition-card{view-transition-name:card}.view-transition-hero{view-transition-name:hero}.view-transition-image{view-transition-name:media}::view-transition-new(card),::view-transition-old(card){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(hero),::view-transition-old(hero){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}