html.syxstep-theme-is-changing,
html.syxstep-theme-is-changing *,
html.syxstep-theme-is-changing *::before,
html.syxstep-theme-is-changing *::after {
    transition-duration: var(--syxstep-dark-mode-transition-duration, 220ms) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.syxstep-theme-is-changing,
    html.syxstep-theme-is-changing *,
    html.syxstep-theme-is-changing *::before,
    html.syxstep-theme-is-changing *::after {
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}