/* Authored steam recipe. Source timing was not copied or inferred from still images. */
:root{--steam-duration:5.8s;--steam-easing:cubic-bezier(.35,0,.55,1);--steam-opacity:.38}
.steam{position:absolute;pointer-events:none;z-index:2;overflow:visible;filter:blur(7px);color:#fff;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)}
.steam path{fill:none;stroke:currentColor;stroke-width:18;stroke-linecap:round;opacity:0;transform-origin:50% 100%;animation:yuge-steam-rise var(--steam-duration) var(--steam-easing) infinite;will-change:transform,opacity}
.steam path:nth-child(2){animation-delay:-1.9s;animation-duration:6.5s;stroke-width:13}
.steam path:nth-child(3){animation-delay:-3.8s;animation-duration:7.2s;stroke-width:14}
@keyframes yuge-steam-rise{0%{opacity:0;transform:translate(0,22px) scale(.85,.7)}25%{opacity:var(--steam-opacity)}65%{opacity:calc(var(--steam-opacity)*.7);transform:translate(8px,-30px) scale(1.05,1)}100%{opacity:0;transform:translate(-12px,-82px) scale(1.18,1.15)}}
[data-steam-paused] .steam{visibility:hidden}
[data-steam-paused] .steam path{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.steam{display:none}.steam path{animation:none;will-change:auto}.steam-toggle{display:none}}