.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-5;perspective:1000px}.particle{position:absolute;border-radius:50%;--particle-hue:0;--golden-hue:40;--particle-size:5px;--start-x:50vw;--start-y:50vh;--drift-x:100px;--drift-y:-100px;opacity:0;top:0;left:0}.particle-container.style-original .particle{width:var(--particle-size);height:var(--particle-size);background-color:hsl(var(--particle-hue),100%,70%);box-shadow:0 0 calc(var(--particle-size) * 1) hsl(var(--particle-hue),100%,80%),0 0 calc(var(--particle-size) * 2) hsl(var(--particle-hue),100%,75%);transform:translate(-50%,-50%) scale(0);animation:moveAndFade var(--animation-duration) ease-in-out infinite;animation-delay:var(--animation-delay)}@keyframes moveAndFade{0%{opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) scale(.1);filter:blur(1px)}15%{opacity:.8;transform:translate3d(calc(var(--start-x) + var(--particle-size) * 1),calc(var(--start-y) + var(--particle-size) * 2),calc(var(--particle-size) * -2)) scale(1);filter:blur(0)}50%{opacity:.6;transform:translate3d(calc(var(--start-x) - var(--particle-size) * 4),calc(var(--start-y) + var(--particle-size) * 5),calc(var(--particle-size) * 2)) scale(.8)}85%{opacity:.1;transform:translate3d(calc(var(--start-x) + var(--particle-size) * 5),calc(var(--start-y) + var(--particle-size) * 8),calc(var(--particle-size) * -5)) scale(.4);filter:blur(2px)}to{opacity:0;transform:translate3d(calc(var(--start-x) + var(--particle-size) * 7),calc(var(--start-y) + var(--particle-size) * 10),0) scale(0);filter:blur(3px)}}.particle-container.style-new .particle{width:var(--particle-size);height:var(--particle-size);background-color:hsl(var(--golden-hue),100%,80%);box-shadow:0 0 4px 1px hsl(var(--golden-hue),100%,50%),0 0 8px 2px hsl(var(--golden-hue),100%,30%);mix-blend-mode:screen;will-change:transform,opacity;transform:translate3d(var(--start-x),var(--start-y),0) scale(0);animation:floatAndSparkle var(--animation-duration) linear infinite;animation-delay:var(--animation-delay)}@keyframes floatAndSparkle{0%{opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) scale(0)}10%{opacity:1;transform:translate3d(calc(var(--start-x) + (var(--drift-x) * .1)),calc(var(--start-y) + (var(--drift-y) * .1)),0) scale(1)}50%{opacity:.8;transform:translate3d(calc(var(--start-x) + (var(--drift-x) * .5)),calc(var(--start-y) + (var(--drift-y) * .5)),50px) scale(.8)}80%{opacity:.2;transform:translate3d(calc(var(--start-x) + (var(--drift-x) * .8)),calc(var(--start-y) + (var(--drift-y) * .8)),100px) scale(.4)}to{opacity:0;transform:translate3d(calc(var(--start-x) + var(--drift-x)),calc(var(--start-y) + var(--drift-y)),150px) scale(0)}}