.toggle-switch{width:50px;height:30px;border-radius:30px;cursor:pointer;position:relative;overflow:hidden}.toggle-switch.dark{background:linear-gradient(135deg,#401883,#270463)}.toggle-switch.light{background:#74d4ff}.toggle-knob{overflow:hidden;width:20px;height:20px;border-radius:10px;position:absolute;top:5px;transition:left .6s cubic-bezier(.4,0,.2,1)}.toggle-knob.dark{left:25px;background:#fff}.toggle-knob.light{left:5px;background:#fff085}.moon-crater{position:absolute;border-radius:50%;background:#f0f0f0;transition:opacity .6s ease}.crater-1{width:5px;height:5px;top:14px;left:2px}.crater-2{width:6px;height:6px;top:0;left:10px}.crater-3{width:4px;height:4px;top:10px;left:13px}.crater-4{width:2px;height:2px;top:7px;left:5px}.background-star{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.48);transition:opacity .6s ease}.star-1{width:4px;height:4px;top:10px;left:5px}.star-2{top:22px;left:15px}.star-2,.star-3{width:2px;height:2px}.star-3{top:10px;left:20px}.sparkle-star{position:absolute;top:10px;left:10px;width:8px;height:8px;transition:opacity .6s ease}.sparkle-star:before{top:0;left:50%;width:1px;height:8px;transform:translateX(-50%)}.sparkle-star:after,.sparkle-star:before{content:"";position:absolute;background:#fff}.sparkle-star:after{top:50%;left:0;width:8px;height:1px;transform:translateY(-50%)}.cloud{position:absolute;transition:opacity .6s ease}.cloud-left{top:0;left:12px;width:32px;height:32px}.cloud-right{top:0;left:13px;width:56px;height:56px}.cloud-bottom{bottom:0;left:0;width:110px;height:65px}.dark .cloud,.light .background-star,.light .moon-crater,.light .sparkle-star{opacity:0}.light .cloud{opacity:.64}.dark .background-star,.dark .moon-crater,.dark .sparkle-star{opacity:1}.theme-icon{transition:all .3s ease;transform:scale(0);opacity:0;position:absolute;inset:0;margin:auto}.theme-icon.active{transform:scale(1);opacity:1}