.fire-particle-field{z-index:1;pointer-events:none;isolation:isolate;mix-blend-mode:screen;contain:layout paint style;background:0 0;position:absolute;inset:0;overflow:hidden}.fire-particle{left:var(--x);top:var(--y);opacity:0;animation-name:fire-particle-float;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.fire-particle--ember{width:var(--size);height:var(--size);filter:blur(var(--blur));background:radial-gradient(circle,#fff5be 0%,#ff801e 30%,#ff2f08e6 58%,#ff140000 100%);border-radius:999px;box-shadow:0 0 4px #ff7014e6,0 0 10px #ff2e008c}.fire-particle--streak{width:calc(var(--size) * 6);height:max(1px, calc(var(--size) * .35));filter:blur(calc(var(--blur) * 8px));background:linear-gradient(90deg,#ff1e0000,#ff410acc,#ffbc54,#ff3a0000);border-radius:999px;box-shadow:0 0 5px #ff6e0fe6,0 0 12px #ff2800a6}.fire-particle--bokeh{width:calc(var(--size) * 4);height:calc(var(--size) * 4);filter:blur(calc(var(--blur) + 3px));background:radial-gradient(circle,#ff84238c 0%,#ff460a47 48%,#ff1e0000 75%);border-radius:999px}.fire-particle{left:var(--x);top:var(--y);animation:fire-particle-float var(--duration) linear var(--delay) infinite;position:absolute}.fire-particle-core{opacity:0;animation:fire-particle-visible var(--duration) linear var(--delay) infinite;display:block}@keyframes fire-particle-float{0%{opacity:0;transform:translate3d(0, 40px, 0) rotate(var(--rotate)) scale(.55)}10%{opacity:var(--opacity)}45%{opacity:calc(var(--opacity) * .9)}80%{opacity:calc(var(--opacity) * .45)}to{opacity:0;transform:translate3d(var(--dx), var(--dy), 0) rotate(calc(var(--rotate) + 120deg)) scale(1.2)}}@keyframes fire-particle-visible{0%{opacity:0;transform:scale(.55)}10%{opacity:var(--opacity)}55%{opacity:var(--opacity);transform:scale(1)}85%{opacity:calc(var(--opacity) * .45)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.fire-particle{animation-play-state:paused}}