.theme-toggle.theme-toggle--reversed .theme-toggle__classic { transform: scale(-1, 1); } .theme-toggle { --theme-toggle__classic--duration: 500ms; } .theme-toggle__classic path { transition-timing-function: cubic-bezier(0, 0, 0.15, 1.25); transform-origin: center; transition-duration: calc(var(--theme-toggle__classic--duration) * 0.8); } .theme-toggle__classic g path { transition-property: opacity, transform; transition-delay: calc(var(--theme-toggle__classic--duration) * 0.2); } .theme-toggle__classic :first-child path { transition-property: transform, d; } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__classic g path, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic g path { transform: scale(0.5) rotate(45deg); opacity: 0; transition-delay: 0s; } .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__classic :first-child path, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic :first-child path { d: path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z"); transition-delay: calc(var(--theme-toggle__classic--duration) * 0.2); } @supports not (d: path("")) { .theme-toggle input[type="checkbox"]:checked ~ .theme-toggle__classic :first-child path, .darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__classic :first-child path { transform: translate3d(-12px, 10px, 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; } }