.theme-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;inset:0;background-color:#2196f3;transition:.4s;z-index:0;overflow:hidden}.theme-slider .sun-moon{position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#ff0;transition:.4s}.theme-switch input:checked+.theme-slider{background-color:#0b0f14}.theme-switch input:focus-visible+.theme-slider{box-shadow:0 0 0 2px hsl(var(--ring))}.theme-switch input:checked+.theme-slider .sun-moon{transform:translate(20px);background-color:#fff;animation:theme-rotate-center .6s ease-in-out both}.theme-slider .moon-dot{opacity:0;transition:.4s;fill:gray}.theme-switch input:checked+.theme-slider .sun-moon .moon-dot{opacity:1}.theme-slider.round{border-radius:24px}.theme-slider.round .sun-moon{border-radius:50%}.theme-slider #moon-dot-1{left:7px;top:2px;position:absolute;width:4px;height:4px;z-index:4}.theme-slider #moon-dot-2{left:1px;top:7px;position:absolute;width:7px;height:7px;z-index:4}.theme-slider #moon-dot-3{left:11px;top:12px;position:absolute;width:2px;height:2px;z-index:4}.theme-slider .light-ray{position:absolute;fill:#fff;opacity:.1;z-index:-1}.theme-slider #light-ray-1{left:-6px;top:-6px;width:30px;height:30px}.theme-slider #light-ray-2{left:-12px;top:-12px;width:38px;height:38px}.theme-slider #light-ray-3{left:-12px;top:-12px;width:42px;height:42px}.theme-slider .stars{transform:translateY(-22px);opacity:0;transition:.4s}.theme-slider .star{fill:#fff;position:absolute;transition:.4s;animation:theme-star-twinkle 2s infinite}.theme-switch input:checked+.theme-slider .stars{transform:translateY(0);opacity:1}.theme-slider #star-1{width:14px;top:1px;left:2px;animation-delay:.3s}.theme-slider #star-2{width:4px;top:11px;left:2px}.theme-slider #star-3{width:8px;top:14px;left:7px;animation-delay:.6s}.theme-slider #star-4{width:12px;top:0;left:13px;animation-delay:1.3s}@keyframes theme-star-twinkle{0%,to{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}}@keyframes theme-rotate-center{0%{transform:translate(20px) rotate(0)}to{transform:translate(20px) rotate(360deg)}}