.daynight{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:100px;width:92px;height:37px;padding:0;display:inline-block;position:relative}.daynight:focus-visible{box-shadow:0 0 0 3px var(--focus-ring,#22e0ff4d)}.daynight .toggle-container{transform-origin:0 0;background-color:#21a6ff;border-radius:100px;width:500px;height:200px;transition:background-color .4s;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.184);box-shadow:5px 5px 15px #0003}.daynight .toggle-container:after{content:"";z-index:10;border-radius:100px;width:502px;height:202px;position:absolute;top:0;left:0;box-shadow:inset -6px -6px #0003,inset 6px 6px #fff3,inset -5px 2px 30px #0000004d}.daynight .toggle-container--night{background-color:#081628}.daynight .radiant{background-color:#fff3;border-radius:50%;width:340px;height:340px;transition:all .5s ease-out;position:absolute;top:-70px}.daynight .sun-radiant{opacity:1;transition-delay:.5s;left:-70px}.daynight .moon-radiant{opacity:0;transition-delay:0s;right:-70px;transform:translate(350px)}.daynight .radiant:after{content:"";background-color:#fff3;border-radius:50%;width:250px;height:250px;transition:all .5s ease-out;position:absolute;top:45px}.daynight .sun-radiant:after{left:45px}.daynight .moon-radiant:after{right:45px}.daynight .radiant:before{content:"";background-color:#fff3;border-radius:50%;width:430px;height:430px;transition:all .5s ease-out;position:absolute;top:-45px;transform:translate(0)}.daynight .sun-radiant:before{left:-45px}.daynight .moon-radiant:before{right:-45px}.daynight .sun-radiant--night{opacity:0;transition-delay:0s;transform:translate(-350px)}.daynight .sun-radiant--night:before{transition-delay:0s;transform:translate(-100px)}.daynight .sun-radiant--night:after{transition-delay:0s;transform:translate(100px)}.daynight .moon-radiant--night{opacity:1;transition-delay:.5s;transform:translate(0)}.daynight .moon-radiant--night:before,.daynight .moon-radiant--night:after{transition-delay:.5s;transform:translate(0)}.daynight .cloud{border-radius:50%;width:100px;height:100px;transition:transform .8s;position:absolute}.daynight .cloud--1{background-color:#d3ecfc;bottom:60px;right:-35px;box-shadow:-40px 50px #d3ecfc,-80px 100px #d3ecfc,-160px 110px #d3ecfc,-220px 120px #d3ecfc,-260px 110px #d3ecfc,-320px 140px #d3ecfc,-360px 140px #d3ecfc,-400px 170px #d3ecfc}.daynight .cloud--2{opacity:.4;background-color:#fff;transition-delay:50ms;bottom:100px;right:-15px;box-shadow:-40px 50px #fff,-80px 100px #fff,-160px 110px #fff,-220px 120px #fff,-260px 110px #fff,-320px 140px #fff,-360px 140px #fff,-400px 170px #fff}.daynight .cloud--night{transform:translateY(200px)}.daynight .star{clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);opacity:0;background-color:#fff;transition:all .5s;position:absolute}.daynight .stars--night>.star{opacity:.6}.daynight .stars--night>.star--1{animation:1s linear .5s infinite dnSparkle}.daynight .stars--night>.star--2{animation:1s linear 1s infinite dnSparkle}.daynight .stars--night>.star--3{animation:1s linear .7s infinite dnSparkle}.daynight .star--1{width:15px;height:15px;top:50px;left:100px}.daynight .star--2{width:18px;height:18px;top:130px;left:60px}.daynight .star--3{width:12px;height:12px;top:110px;left:190px}.daynight .star--1b{width:15px;height:15px;top:50px;right:100px}.daynight .star--2b{width:18px;height:18px;top:130px;right:60px}.daynight .star--3b{width:12px;height:12px;top:110px;right:190px}.daynight .star-round{opacity:0;background-color:#fff;border-radius:50%;width:3px;height:3px;transition:all .5s;position:absolute}.daynight .star-round--1{top:90px;left:120px}.daynight .star-round--2{top:40px;left:50px}.daynight .star-round--3{top:80px;left:35px}.daynight .star-round--4{top:160px;left:160px}.daynight .star-round--5{top:30px;left:180px}.daynight .star-round--6{top:60px;left:200px}.daynight .star-round--1b{top:90px;right:120px}.daynight .star-round--2b{top:40px;right:50px}.daynight .star-round--3b{top:80px;right:35px}.daynight .star-round--4b{top:160px;right:160px}.daynight .star-round--5b{top:30px;right:180px}.daynight .star-round--6b{top:60px;right:200px}.daynight .stars--night>.star-round{opacity:.6;animation:1s linear .5s infinite dnSparkle}@keyframes dnSparkle{0%{opacity:.6}50%{opacity:.85}to{opacity:.6}}.daynight .toggle-dot{background-color:#ffe600;border-radius:50%;width:160px;height:160px;transition:transform 1s ease-in-out,background-color .4s,box-shadow .4s;position:absolute;top:20px;left:20px;transform:translate(0)rotate(0);box-shadow:inset -2px -5px 5px #cc9c00,inset 2px 5px 5px #fff6a8}.daynight .toggle-dot--night{transform-origin:50%;background-color:#d7dfe9;transform:translate(300px)rotate(360deg);box-shadow:inset -2px -5px 5px #708caf,inset 2px 5px 5px #edf1f5}.daynight .toggle-crater{opacity:0;background-color:#9eb0c5;border-radius:50%;transition:all .5s;position:absolute;box-shadow:inset 2px 5px 2px #859cb9}.daynight .toggle-crater--1{width:35px;height:35px;top:20px;left:65px}.daynight .toggle-crater--2{width:52px;height:52px;top:50px;left:15px}.daynight .toggle-crater--3{width:42px;height:42px;bottom:30px;right:30px}.daynight .toggle-crater--night{opacity:1}@media (prefers-reduced-motion:reduce){.daynight .stars--night>.star,.daynight .stars--night>.star-round{animation:none!important}}