.theme-switch-wrapper input[type="checkbox"] {opacity: 0;width: 0;height: 0;position: absolute;margin: 0;padding: 0;}.theme-switch-wrapper {position: relative;display: inline-block;width: 50px;height: 28px;cursor: pointer;overflow: hidden;}.theme-slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--text-color);transition: background-color 0.4s;border-radius: 28px;}.theme-slider::before {content: "";position: absolute;height: 20px;width: 20px;left: 4px;top: 50%;transform: translateY(-50%);background-color: var(--bg-color);transition: transform 0.4s;border-radius: 50%;}:root:has(#dark_light_theme_switch:checked) .theme-slider::before {transform: translate(22px, -50%);}.theme-switch-wrapper input[type="checkbox"]:focus + .theme-slider {border: 2px solid white;}@media (max-width: 768px) {.theme-switch-wrapper {width: 28px;height: 50px;}.theme-slider {border-radius: 28px;}.theme-slider::before {top: 4px;left: 50%;transform: translateX(-50%);}:root:has(#dark_light_theme_switch:checked) .theme-slider::before {transform: translate(-50%, 22px);}}