.stars-layer{pointer-events:none;position:absolute;inset:0}.star{background-color:hsl(var(--star-color));opacity:.5;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%{opacity:calc(var(--opacity,.5)*.5);transform:scale(.8)}to{opacity:var(--opacity,.5);transform:scale(1)}}
.day-sky-background{z-index:-1;pointer-events:none;opacity:0;background-color:#f8fafc;width:100%;height:100%;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}:root:not(.dark) .day-sky-background{opacity:1}.dark .day-sky-background{opacity:0}.day-sky-nebula{opacity:.6;filter:blur(40px);background:radial-gradient(circle at 20% 30%,#a78bfa26 0%,#0000 40%),radial-gradient(circle at 80% 20%,#60a5fa26 0%,#0000 40%),radial-gradient(circle at 40% 70%,#fb923c1f 0%,#0000 45%),radial-gradient(circle at 60% 80%,#34d3991f 0%,#0000 45%),radial-gradient(circle,#fffc 0%,#0000 60%);width:100%;height:100%;animation:60s ease-in-out infinite alternate lightNebulaFloat;position:absolute;top:0;left:0}@keyframes lightNebulaFloat{0%{transform:scale(1)translate(0)}33%{transform:scale(1.05)translate(1%,1%)}66%{transform:scale(1.02)translate(-1%,.5%)}to{transform:scale(1)translate(0)}}