@view-transition{navigation:auto}:root{--blog-vt-root-duration:220ms;--blog-vt-shared-duration:460ms;--blog-vt-root-ease:cubic-bezier(0.22,1,0.36,1);--blog-vt-shared-ease:cubic-bezier(0.22,1,0.36,1)}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(16px)}}::view-transition-group(*){animation-duration:var(--blog-vt-shared-duration);animation-timing-function:var(--blog-vt-shared-ease)}::view-transition-group(root){animation-duration:var(--blog-vt-root-duration)}::view-transition-old(root){animation:var(--blog-vt-root-duration) ease-out both vt-fade-out}::view-transition-new(root){animation:var(--blog-vt-root-duration) var(--blog-vt-root-ease) both vt-fade-in}::view-transition-group(blog-active-image){animation-duration:var(--blog-vt-shared-duration);animation-timing-function:var(--blog-vt-shared-ease)}::view-transition-image-pair(blog-active-image){isolation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}