.wd-steam{align-items:center;line-height:0;display:inline-flex;position:relative}.wd-steam-cloud{pointer-events:none;width:1.25em;height:1em;position:absolute;top:0;left:0}.wd-steam-cloud span{opacity:0;background:currentColor;animation-name:wd-steam-rise;animation-timing-function:step-end;animation-iteration-count:infinite;position:absolute;top:0}@keyframes wd-steam-rise{0%{opacity:0;transform:translateY(2px)}10%{opacity:.9;transform:translateY(-1px)}30%{transform:translate(calc(var(--steam-drift) * .3), -5px);opacity:.75}52%{transform:translate(calc(var(--steam-drift) * .6), -9px);opacity:.55}74%{transform:translate(var(--steam-drift), -11px);opacity:.3}88%{transform:translate(var(--steam-drift), -13px);opacity:.15}to{transform:translate(var(--steam-drift), -15px);opacity:0}}@media (prefers-reduced-motion:reduce){.wd-steam-cloud span{animation:none}}
.wd-meter{width:100%;position:relative;overflow:hidden}.wd-meter-empty{background:var(--color-muted);opacity:.4}.wd-meter-grid{shape-rendering:crispedges;width:100%;height:100%;position:absolute;inset:0}.wd-meter-grid rect{transition:fill .22s steps(2,end)}.wd-meter-twinkle{background:var(--wd-gold-spark);opacity:0;animation-name:wd-meter-twinkle;animation-timing-function:step-end;animation-iteration-count:infinite;position:absolute}@keyframes wd-meter-twinkle{0%,58%{opacity:0}62%,72%{opacity:1}76%,88%{opacity:0}92%,97%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.wd-meter-grid rect{transition:none}.wd-meter-twinkle{animation:none}}