.ts-switch{width:60px;height:34px;display:inline-block;position:relative}.ts-switch input{opacity:0;width:0;height:0}.ts-slider{cursor:pointer;background-color:var(--switch-bg-light,#2196f3);z-index:0;transition:all .4s;position:absolute;inset:0;overflow:hidden}.ts-sun-moon{content:"";background-color:var(--switch-sun,yellow);width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.ts-switch input:checked+.ts-slider{background-color:var(--switch-bg-dark,black)}.ts-switch input:focus+.ts-slider{box-shadow:0 0 1px var(--switch-bg-light,#2196f3)}.ts-switch input:checked+.ts-slider .ts-sun-moon{background-color:var(--switch-moon,white);animation:.6s ease-in-out both rotate-center;transform:translate(26px)}.ts-moon-dot{opacity:0;fill:gray;transition:all .4s}.ts-switch input:checked+.ts-slider .ts-sun-moon .ts-moon-dot{opacity:1}.ts-slider.ts-round{border-radius:34px}.ts-slider.ts-round .ts-sun-moon{border-radius:50%}.ts-moon-dot-1{z-index:4;width:6px;height:6px;position:absolute;top:3px;left:10px}.ts-moon-dot-2{z-index:4;width:10px;height:10px;position:absolute;top:10px;left:2px}.ts-moon-dot-3{z-index:4;width:3px;height:3px;position:absolute;top:18px;left:16px}.ts-light-ray-1{z-index:-1;fill:#fff;opacity:.1;width:43px;height:43px;position:absolute;top:-8px;left:-8px}.ts-light-ray-2{z-index:-1;fill:#fff;opacity:.1;width:55px;height:55px;position:absolute;top:-50%;left:-50%}.ts-light-ray-3{z-index:-1;fill:#fff;opacity:.1;width:60px;height:60px;position:absolute;top:-18px;left:-18px}.ts-cloud-light{fill:#eee;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;position:absolute}.ts-cloud-dark{fill:#ccc;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1s;position:absolute}.ts-cloud-1{width:40px;top:15px;left:30px}.ts-cloud-2{width:20px;top:10px;left:44px}.ts-cloud-3{width:30px;top:24px;left:18px}.ts-cloud-4{width:40px;top:18px;left:36px}.ts-cloud-5{width:20px;top:14px;left:48px}.ts-cloud-6{width:30px;top:26px;left:22px}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}to{transform:translate(0)}}.ts-stars{opacity:0;transition:all .4s;transform:translateY(-32px)}.ts-star{fill:#fff;transition:all .4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite;position:absolute}.ts-switch input:checked+.ts-slider .ts-stars{opacity:1;transform:translateY(0)}.ts-star-1{width:20px;animation-delay:.3s;top:2px;left:3px}.ts-star-2{width:6px;top:16px;left:3px}.ts-star-3{width:12px;animation-delay:.6s;top:20px;left:10px}.ts-star-4{width:18px;animation-delay:1.3s;top:0;left:18px}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}