.theme-switch{position:relative;overflow:hidden;width:2.5rem;height:1.4rem}.theme-switch input{top:0;left:0;z-index:2;opacity:0;cursor:pointer;margin:0}.theme-background,.theme-switch input{position:absolute;width:100%;height:100%}.theme-background{z-index:1;border-radius:.9rem;border:.1rem solid #202020;background:linear-gradient(90deg,#2a3b55 0,#1a2030);transition:all .3s}.theme-stars1,.theme-stars2{position:absolute;height:.15rem;width:.15rem;background:#ffffff;border-radius:50%;transition:all .3s ease}.theme-stars1{top:2px;right:8px}.theme-stars2{top:14px;right:16px}.theme-stars1:after,.theme-stars1:before,.theme-stars2:after,.theme-stars2:before{position:absolute;content:"";display:block;height:.1rem;width:.1rem;background:#ffffff;border-radius:50%;transition:all .2s ease}.theme-stars1:after{top:3px;right:7px}.theme-stars1:before{top:6px;right:-4px}.theme-stars2:after{top:-3px;right:-6px}.theme-stars2:before{top:2px;right:-8px}.theme-sun-moon{z-index:2;left:0;display:inline-block;height:1rem;width:1rem;margin:.2rem;background:#f0f0f0;border-radius:50%;transition:all .5s ease}.theme-sun-moon,.theme-sun-moon .theme-dots{position:absolute;border:.09rem solid #cccccc}.theme-sun-moon .theme-dots{top:1px;left:8px;height:.35rem;width:.35rem;background:#e0e0e0;border-radius:50%;transition:all .4s ease}.theme-sun-moon .theme-dots:after,.theme-sun-moon .theme-dots:before{position:absolute;content:"";display:block;height:.09rem;width:.09rem;background:#e0e0e0;border:.09rem solid #cccccc;border-radius:50%;transition:all .4s ease}.theme-sun-moon .theme-dots:after{top:-1px;left:-9px}.theme-sun-moon .theme-dots:before{top:6px;left:-4px}.theme-switch input:checked~.theme-sun-moon{left:calc(100% - 1.4rem);background:radial-gradient(circle,#ffffff,#ffe57f);border:.09rem solid #ffe57f;transform:rotate(-25deg)}.theme-switch input:checked~.theme-sun-moon .theme-dots,.theme-switch input:checked~.theme-sun-moon .theme-dots:after,.theme-switch input:checked~.theme-sun-moon .theme-dots:before{background:#ffffff;border-color:#ffffff}.theme-switch input:checked~.theme-sun-moon .theme-dots{height:.5rem;width:.5rem;top:0;left:-7px;transform:rotate(25deg)}.theme-switch input:checked~.theme-sun-moon .theme-dots:after{height:.22rem;width:.22rem;top:1px;left:-4px}.theme-switch input:checked~.theme-sun-moon .theme-dots:before{height:.15rem;width:.15rem;top:2px;left:5px}.theme-switch input:checked~.theme-background .theme-stars1,.theme-switch input:checked~.theme-background .theme-stars2{opacity:0;transform:translateY(.7rem)}.theme-switch input:checked~.theme-background{border:.09rem solid #a8c7d6;background:linear-gradient(90deg,#c2dae5 0,#e0edf2)}