.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.hero-particle{position:absolute;width:calc(var(--size, .4) * 1.15rem);aspect-ratio:1;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:calc(var(--alpha, .25) * 1.7);animation:hero-particle-float calc(var(--duration, 20) * 1s) calc(var(--delay) * 1s) infinite linear;transform-origin:var(--origin-x,400%) var(--origin-y,400%);color:hsl(0 0% 48%)}.hero-particle path{fill:currentColor}.hero-particle:nth-of-type(2n){animation-direction:reverse}@keyframes hero-particle-float{to{rotate:1turn}}.dark .hero-particle{color:hsl(0 0% 70%);width:calc(var(--size, .4) * 1rem);opacity:var(--alpha,.25)}.hero-particles .hero-particle:nth-of-type(4n){color:hsl(290 55% 52%)}.dark .hero-particles .hero-particle:nth-of-type(4n){color:hsl(290 50% 70%)}