:root{--starfield-speed:5s;--starfield-opacity:0.7;--starfield-star-color:hsla(0,0%,100%,.9)}@keyframes starfield-zoom{0%{opacity:0;transform:scale(.5)}15%{opacity:calc(var(--starfield-opacity) * .5)}85%{opacity:var(--starfield-opacity);transform:scale(2.8)}to{opacity:0;transform:scale(3.5)}}.starfield-container{overflow:hidden;z-index:-1;pointer-events:none}.starfield-container,.starfield-layer{position:absolute;inset:0;width:100%;height:100%}.starfield-layer{will-change:transform,opacity;transform-origin:center center;animation:starfield-zoom var(--starfield-speed) linear infinite;background-size:200px 200px;background-position:50%}.starfield-layer--pattern-1{background-image:radial-gradient(1px 1px at 20px 30px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 40px 70px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 50px 160px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 90px 40px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 130px 80px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 160px 120px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-2{background-image:radial-gradient(1.5px 1.5px at 25px 45px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 60px 100px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 100px 150px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 140px 25px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 170px 90px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 180px 170px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-3{background-image:radial-gradient(1px 1px at 15px 80px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 55px 135px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 85px 20px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 115px 185px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 155px 50px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 195px 140px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-4{background-image:radial-gradient(2px 2px at 30px 120px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 70px 50px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 110px 95px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 145px 175px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 175px 30px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 190px 110px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-5{background-image:radial-gradient(1px 1px at 10px 60px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 45px 180px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 75px 75px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 120px 130px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 165px 15px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 185px 65px,var(--starfield-star-color),transparent)}.starfield-layer--delay-1{animation-delay:0s}.starfield-layer--delay-2{animation-delay:calc(var(--starfield-speed) * .2)}.starfield-layer--delay-3{animation-delay:calc(var(--starfield-speed) * .4)}.starfield-layer--delay-4{animation-delay:calc(var(--starfield-speed) * .6)}.starfield-layer--delay-5{animation-delay:calc(var(--starfield-speed) * .8)}.starfield-layer--delay-6{animation-delay:var(--starfield-speed)}@media (prefers-reduced-motion:reduce){.starfield-layer{animation:none;opacity:calc(var(--starfield-opacity) * .4);transform:scale(1)}}