html[data-page-cross] .main{view-transition-name:sf-page}html[data-page-cross] .sidebar{view-transition-name:sf-rail}html[data-page-cross]::view-transition{pointer-events:none}html[data-page-cross]::view-transition-old(root){display:none}html[data-page-cross]::view-transition-old(sf-rail){display:none}html[data-page-cross]::view-transition-new(root){animation:none}html[data-page-cross]::view-transition-new(sf-rail){animation:none}html[data-page-cross]::view-transition-group(sf-rail){animation:none}html[data-page-cross]::view-transition-group(sf-page){animation:none}html[data-page-cross]::view-transition-old(sf-page){animation:sf-page-out var(--f-tap)var(--ease-glide)both}html[data-page-cross]::view-transition-new(sf-page){animation:sf-page-in var(--f-fade)var(--ease)42ms both}html[data-page-cross]::view-transition-old(sf-page){mix-blend-mode:normal}html[data-page-cross]::view-transition-new(sf-page){mix-blend-mode:normal}@keyframes sf-page-out{to{opacity:0}}@keyframes sf-page-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html[data-page-cross]::view-transition-old(sf-page){animation:none}html[data-page-cross]::view-transition-new(sf-page){animation:none}}