html.cd-theme-changing, html.cd-theme-changing *, html.cd-theme-changing *::before, html.cd-theme-changing *::after { transition: none !important; }
html.cd-theme-changing::view-transition-old(root) { animation: cd-theme-out 160ms ease both; }
html.cd-theme-changing::view-transition-new(root) { animation: cd-theme-in 160ms ease both; }
@keyframes cd-theme-out { to { opacity: 0; } }
@keyframes cd-theme-in { from { opacity: 0; } }
@media(prefers-reduced-motion:reduce) { html::view-transition-old(root), html::view-transition-new(root) { animation: none !important; } }