.switch-mode-icon{place-items:center;display:grid}.switch-mode-icon>svg{grid-area:1/1;width:16px;height:16px}.switch-mode-icon--animated>svg{transition:opacity .25s,rotate .25s}.switch-mode-icon .switch-mode-icon__sun{opacity:1;rotate:none}.switch-mode-icon .switch-mode-icon__moon{opacity:0;rotate:90deg}.switch-mode-icon[data-mode=dark] .switch-mode-icon__sun{opacity:0;rotate:-90deg}.switch-mode-icon[data-mode=dark] .switch-mode-icon__moon{opacity:1;rotate:none}@media (prefers-reduced-motion:reduce){.switch-mode-icon--animated>svg{transition:none}}