.particle-icon{aspect-ratio:1;width:100%;position:relative}.particle-icon-field{pointer-events:none;background:radial-gradient(closest-side,#0b2a36 0%,#0a2833 30%,#071d27 58%,#071d2700 100%);position:absolute;inset:0;transform:rotate(6deg)scaleY(.92);-webkit-mask-image:radial-gradient(closest-side,#000 0% 34%,#0000008c 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 0% 34%,#0000008c 62%,#0000 100%)}.particle-icon-still{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 3px)drop-shadow(0 0 12px);pointer-events:none;width:58%;height:58%;transition:opacity .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:21%}.particle-icon[data-live] .particle-icon-still{opacity:0}.particle-icon canvas{pointer-events:none;width:140%;height:140%;position:absolute;inset:-20%}@media (prefers-reduced-motion:reduce){.particle-icon{opacity:1}}@media (hover:none){.particle-icon{touch-action:pan-y}}