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