:root{--vt-duration-exit:.15s;--vt-duration-enter:.21s;--vt-duration-move:.4s}[data-blog-layout] [data-section=nav]{view-transition-name:blog-site-navbar}[data-blog-layout] [data-section=blog-navbar]{view-transition-name:blog-section-navbar}::view-transition-group(blog-site-navbar){z-index:var(--navbar-z-index);animation:none}::view-transition-group(blog-section-navbar){z-index:var(--navbar-z-index);animation:none}::view-transition-old(blog-site-navbar){display:none}::view-transition-old(blog-section-navbar){display:none}::view-transition-new(blog-site-navbar){animation:none}::view-transition-new(blog-section-navbar){animation:none}:root:has([data-blog-layout])::view-transition-old(root){display:none}:root:has([data-blog-layout])::view-transition-new(root){animation:none}:root:active-view-transition-type(nav-forward,nav-back,nav-lateral)::view-transition{pointer-events:none}::view-transition-old(.slide-forward){--vt-slide-offset:-60px;animation:var(--vt-duration-exit) ease-in both vt-fade reverse, var(--vt-duration-move) ease-in-out both vt-slide reverse}::view-transition-new(.slide-forward){--vt-slide-offset:60px;animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade, var(--vt-duration-move) ease-in-out both vt-slide}::view-transition-old(.slide-back){--vt-slide-offset:60px;animation:var(--vt-duration-exit) ease-in both vt-fade reverse, var(--vt-duration-move) ease-in-out both vt-slide reverse}::view-transition-new(.slide-back){--vt-slide-offset:-60px;animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade, var(--vt-duration-move) ease-in-out both vt-slide}::view-transition-old(.crossfade){animation:var(--vt-duration-exit) ease-in both vt-fade reverse}::view-transition-new(.crossfade){animation:var(--vt-duration-enter) ease-out var(--vt-duration-exit) both vt-fade}@keyframes vt-fade{0%{opacity:0}to{opacity:1}}@keyframes vt-slide{0%{translate:var(--vt-slide-offset)}to{translate:0}}@media (prefers-reduced-motion:reduce){:root:active-view-transition-type(nav-forward,nav-back,nav-lateral)::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}:root:active-view-transition-type(nav-forward,nav-back,nav-lateral)::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}:root:active-view-transition-type(nav-forward,nav-back,nav-lateral)::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}