.flame-mark{display:inline-block;position:relative}:where(.flame-mark){block-size:1em;inline-size:1em}.flame-mark-viewport{display:block;position:absolute;inset:0;overflow:hidden}.flame-mark-viewport>canvas{height:100%;width:calc(var(--flame-frames,18) * 100%);will-change:transform;animation:flame-morph var(--flame-duration,.933333s) steps(var(--flame-frames,18), end) infinite;display:block}.flame-mark-base{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes flame-morph{0%{transform:translate(0)}to{transform:translate(-100%)}}html[data-app-animating=false] .flame-mark-viewport>canvas{animation:none!important}@media (prefers-reduced-motion:reduce){.flame-mark-viewport>canvas{animation:none}}.flame-mark-fill{width:100%;height:100%;display:block}