.toggle-checkbox:checked~.toggle-slot .toggle-button{background-color:#485367;box-shadow:inset 0 0 0 .75em white;transform:translate(5%,-50%)}#Background1,#G1{opacity:1}#Background2,#G2,.toggle-checkbox:checked~.toggle-slot #Background1,.toggle-checkbox:checked~.toggle-slot #G1{opacity:0}.toggle-checkbox:checked~.toggle-slot #Background2,.toggle-checkbox:checked~.toggle-slot #G2{opacity:1}#sun{position:absolute;height:70%;z-index:5;left:5%;bottom:0;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:transform .25s ease-in-out}.toggle-checkbox:checked~.toggle-slot #sun{transform:translate(-50%,-50%) scale(0)}.logo{filter:invert(1);transition:filter .3s ease}.dark .logo{filter:invert(0)}