.interactive-flame{--flame-size:76px;--flame-bend:0deg;--flame-drift:0px;width:var(--flame-size);height:calc(var(--flame-size) * 1.42);pointer-events:none;transform:translateX(var(--flame-drift));transform-origin:50% 100%;filter:drop-shadow(0 0 9px #ffb13d9e);display:block;position:relative}.interactive-flame__svg{z-index:1;width:100%;height:100%;display:block;position:relative;overflow:visible}.interactive-flame__halo{z-index:0;filter:blur(11px);background:radial-gradient(circle,#ffd176b8,#ff9d272e 48%,#0000 73%);border-radius:50%;animation:2.6s ease-in-out infinite alternate flame-halo;position:absolute;inset:22% 8% 3%}.interactive-flame__body{transform-box:fill-box;transform-origin:bottom;transform:rotate(var(--flame-bend));animation:1.85s ease-in-out infinite alternate flame-flicker}.interactive-flame__outer{transform-origin:bottom;animation:2.9s ease-in-out infinite alternate flame-breathe}.interactive-flame__core{transform-origin:bottom;animation:1.3s ease-in-out infinite alternate flame-core}@keyframes flame-flicker{0%{transform:rotate(calc(var(--flame-bend) - 1.4deg)) scaleX(.93) scaleY(1.03)}48%{transform:rotate(calc(var(--flame-bend) + 1deg)) scaleX(1.03) scaleY(.97)}to{transform:rotate(calc(var(--flame-bend) - .55deg)) scaleX(.98) scaleY(1.01)}}@keyframes flame-breathe{0%{opacity:.9}to{opacity:1}}@keyframes flame-core{0%{transform:translateY(1px)scale(.88,.96)}to{transform:translateY(-1px)scale(1.08,1.03)}}@keyframes flame-halo{0%{opacity:.48;transform:scale(.88)}to{opacity:.82;transform:scale(1.1)}}.interactive-flame--still .interactive-flame__halo,.interactive-flame--still .interactive-flame__body,.interactive-flame--still .interactive-flame__outer,.interactive-flame--still .interactive-flame__core{animation:none}@media (prefers-reduced-motion:reduce){.interactive-flame__halo,.interactive-flame__body,.interactive-flame__outer,.interactive-flame__core{animation:none}}
