/* Keep navigation independent of browser prepaint/view-transition state. */
@view-transition{navigation:none;}
.uh-header[data-unified-header]{view-transition-name:site-header;}
::view-transition-group(root),::view-transition-group(site-header){animation-duration:140ms;animation-timing-function:ease-out;}
::view-transition-old(root){animation:site-content-out 100ms ease-out both;}
::view-transition-new(root){animation:site-content-in 140ms ease-out both;}
::view-transition-old(site-header){animation:none;}
::view-transition-new(site-header){animation:none;mix-blend-mode:normal;}
@keyframes site-content-out{to{opacity:0;}}
@keyframes site-content-in{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none;}}

:root[data-theme=dark]{color-scheme:dark;background:#111820}:root[data-theme=dark] body{background:#111820}::view-transition-old(root){animation:none;opacity:1}::view-transition-new(root){mix-blend-mode:normal}

/* Header pixels stay in place while only page content fades. */
::view-transition-group(site-header){animation:none}::view-transition-old(site-header){opacity:1}::view-transition-new(site-header){opacity:1}

/* External equivalent of the blocked inline theme bootstrap rule. */
html[data-theme="dark"]{background:#111820;color-scheme:dark}html[data-theme="dark"] body{background:#111820}html[data-theme="light"]{background:#fff;color-scheme:light}