.particle-field{pointer-events:none;overflow:visible}.particle{inset-block:0;left:var(--particle-left);width:var(--particle-size);margin-left:calc(var(--particle-size) / -2);will-change:transform, opacity;animation:particle-rise var(--particle-duration) linear var(--particle-delay) both;justify-content:center;align-items:flex-end;display:flex;position:absolute}.particle__sway{will-change:transform;animation:particle-sway var(--particle-sway-duration) ease-in-out var(--particle-sway-delay) infinite alternate;display:block}.particle__glyph{width:var(--particle-size);color:var(--particle-color);will-change:transform;animation:particle-pop .26s cubic-bezier(.34, 1.56, .64, 1) var(--particle-delay) both;display:block}.particle__glyph>svg{width:100%;height:auto;display:block}@keyframes particle-rise{0%{opacity:0;transform:translate(0,0)}6%{opacity:1;transform:translate3d(0, calc(var(--particle-rise) * -0.06%), 0)}70%{opacity:1;transform:translate3d(0, calc(var(--particle-rise) * -0.7%), 0)}to{opacity:0;transform:translate3d(0, calc(var(--particle-rise) * -1%), 0)}}@keyframes particle-sway{0%{transform:translateX(calc(var(--particle-sway) * -1)) rotate(calc(var(--particle-bank) * -1))}to{transform:translateX(var(--particle-sway)) rotate(var(--particle-bank))}}@keyframes particle-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.particle{height:var(--particle-size);animation:particle-flash .65s ease-out var(--particle-delay) both;inset-block:auto 0}.particle__sway,.particle__glyph{animation:none}@keyframes particle-flash{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:1;transform:translateY(-.5rem)scale(1.1)}to{opacity:0;transform:translateY(-1rem)scale(1)}}}