.theme-toggle.theme-toggle--reversed .theme-toggle__dark-inner { transform: scale(1, -1); } .theme-toggle { --theme-toggle__dark-inner--duration: 500ms; } .theme-toggle__dark-inner path { transform-origin: center; transition: transform var(--theme-toggle__dark-inner--duration) ease; } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__dark-inner :first-child, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__dark-inner :first-child { transform: rotate(180deg); } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__dark-inner :last-child, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__dark-inner :last-child { transform: rotate(-180deg); } .theme-toggle { border: none; background: 0 0; cursor: pointer; } .theme-toggle input[type="checkbox"] { display: none; } .theme-toggle .theme-toggle-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media (prefers-reduced-motion: reduce) { .theme-toggle:not(.theme-toggle--force-motion) * { transition: none !important; } }