.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;
}
}