.theme-toggle.theme-toggle--reversed .theme-toggle__inner-moon { transform: scale(-1, 1); } .theme-toggle { --theme-toggle__inner-moon--duration: 500ms; } .theme-toggle__inner-moon path { transform-origin: center; transition: transform var(--theme-toggle__inner-moon--duration) cubic-bezier(0, 0, 0.15, 1.25); } .theme-toggle__inner-moon circle { transition: transform calc(var(--theme-toggle__inner-moon--duration) / 1.5) cubic-bezier(0.4, 0, 0.2, 1); } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__inner-moon path, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__inner-moon path { transform: rotate(180deg); } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__inner-moon circle, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__inner-moon circle { transform: translate3d(15%, 0, 0); } .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; } }