.theme-toggle{position:relative}.theme-toggle input[type=checkbox]{display:none}.theme-toggle-container{position:relative;width:4rem;height:2rem;border-radius:2rem;display:block;cursor:pointer;transition:all .2s ease-out;background-color:#0263ff;border:1px solid #4aa4ff;overflow:hidden}input:checked+.theme-toggle-container{background-color:#f03420;border-color:#801a08}.theme-toggle-slider{position:absolute;display:block;top:0;left:0;transition:all .2s ease}#slider{position:absolute;top:calc(.25rem - 1px);left:calc(.25rem - 1px);width:1.5rem;height:1.5rem;border-radius:100%;background-color:#fff;pointer-events:none;transition:all .2s ease}#sunlight-wrapper{position:absolute}.sunlight:nth-child(1){position:absolute;top:calc(-.25rem - 1px);left:calc(-.25rem - 1px);width:2.5rem;height:2.5rem;border-radius:100%;background-color:#a2d4f5;opacity:.5}.sunlight:nth-child(2){position:absolute;top:-1px;left:-1px;width:2rem;height:2rem;border-radius:100%;background-color:#d9effc;opacity:.5}input:checked~.theme-toggle-container .theme-toggle-slider{left:2rem}input:checked~.theme-toggle-container #slider{background-color:#fff}input:checked~.theme-toggle-container #sunlight-wrapper{opacity:0}#slider:before{content:"";position:absolute;left:-10%;top:2%;width:1rem;height:1rem;border-radius:100%;background-color:#d9effc;transform:scale(0);transition:all .2s ease}input:checked~.theme-toggle-container #slider:before{background-color:#f03420;transform:scale(1)}#cloud{position:absolute;width:100%;height:100%;pointer-events:none}#dark-cloud-wrapper{position:absolute;bottom:0;right:0;transition:right .3s ease,opacity .2s ease;opacity:1}.theme-toggle-container:hover #dark-cloud-wrapper{right:-.25rem}input:checked~.theme-toggle-container #dark-cloud-wrapper{right:-2rem;opacity:0}#dark-cloud-wrapper div{position:absolute;border-radius:100%;background-color:#b4dcf6}.dark-cloud:nth-child(1){width:1.25rem;height:1.25rem;bottom:.75rem;right:-.25rem}.dark-cloud:nth-child(2){width:.75rem;height:.75rem;bottom:.25rem;right:.5rem}.dark-cloud:nth-child(3){width:1.25rem;height:1.25rem;bottom:-.5rem;right:1rem}.dark-cloud:nth-child(4){width:1rem;height:1rem;bottom:.25rem;right:0rem}#light-cloud-wrapper{position:absolute;bottom:0;right:0;transition:right .2s ease,opacity .2s ease;opacity:1}.theme-toggle-container:hover #light-cloud-wrapper{right:-.2rem}input:checked~.theme-toggle-container #light-cloud-wrapper{right:-2rem;opacity:0}#light-cloud-wrapper div{position:absolute;border-radius:100%;background-color:#fff}.light-cloud:nth-child(1){width:1.25rem;height:1.25rem;bottom:.5rem;right:-.5rem}.light-cloud:nth-child(2){width:.75rem;height:.75rem;bottom:0;right:.25rem}.light-cloud:nth-child(3){width:1rem;height:1rem;bottom:-.5rem;right:.75rem}.light-cloud:nth-child(4){width:1rem;height:1rem;bottom:0;right:-.25rem}#star-wrapper{position:absolute;pointer-events:none;width:100%;height:100%;left:0;transition:left .3s ease,opacity .2s ease;opacity:1}.theme-toggle-container:hover #star-wrapper{left:-.2rem}input:not(:checked)~.theme-toggle-container #star-wrapper{left:-2rem;opacity:0}.star{position:absolute}.star:nth-child(1){top:.35rem;left:1.5rem;fill:#fff;stroke:#fff}.star:nth-child(2){top:.3rem;left:.8rem;fill:#ffba85;stroke:#ffba85;animation-delay:.3s}.star:nth-child(3){bottom:.6rem;left:.5rem;fill:#ffe3c7;stroke:#ffe3c7;animation-delay:1s}.star:nth-child(4){bottom:.3rem;left:1.3rem;fill:#ffba85;stroke:#ffba85;animation-delay:1.4s}.star{animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1)}50%{transform:scale(.6)}}