.particle-effect{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.particle-effect .particle-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:var(--active,1)}.particle-effect .particle:not(.spiral-particle){top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);animation:particle-float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear,particle-scale calc(var(--scale-duration, 3) * 1s) calc(var(--scale-delay) * -1s) infinite ease-in-out;transform-origin:var(--origin-x,1000%) var(--origin-y,1000%);animation-play-state:var(--play-state,running)}.particle-effect .particle:not(.spiral-particle),.particle-effect .spiral-particle{fill:#fff;width:calc(var(--size, .25) * 1rem);aspect-ratio:1;position:absolute;opacity:var(--alpha,1);z-index:1}.particle-effect .spiral-particle{transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform,left,top,opacity}.particle-effect .spiral-container{perspective:1000px;transform-style:preserve-3d}.particle-effect .particle path{fill:currentColor;stroke:currentColor}.particle-effect .particle:not(.spiral-particle):nth-of-type(2n){animation-direction:normal,alternate}.particle-effect .particle:not(.spiral-particle):nth-of-type(odd){animation-direction:reverse,alternate-reverse}.particle-effect .circle-particle{border-radius:50%;position:relative;transform-style:preserve-3d;filter:blur(0);transition:filter .3s ease}.particle-effect .circle-particle .circle-shadow{position:absolute;width:100%;height:100%;border-radius:50%;bottom:-4px;left:0;filter:blur(4px);opacity:.7;z-index:-1;transform:translateZ(-5px) scale(.85)}@keyframes particle-float-out{to{rotate:1turn}}@keyframes particle-scale{0%,to{scale:var(--min-scale,.85)}50%{scale:var(--max-scale,1.15)}}