.fd-kettle:where(.astro-746wrewk){flex-wrap:wrap;align-items:center;gap:20px 30px;margin:30px 0;display:flex}.gui:where(.astro-746wrewk){image-rendering:pixelated;outline:2px solid #000;flex:none;position:relative}.title:where(.astro-746wrewk){color:#404040;white-space:nowrap;font-size:20px;line-height:20px}.mk:where(.astro-746wrewk){color:#fff;background:var(--c);text-shadow:2px 2px #000;padding:0 4px;font-size:20px;line-height:20px;position:absolute}.in:where(.astro-746wrewk){--c:#4f9a34}.brew:where(.astro-746wrewk){--c:#a8283f}.liquid:where(.astro-746wrewk){box-sizing:border-box}.legend:where(.astro-746wrewk){flex:16rem;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:20px;line-height:30px;display:grid}.legend:where(.astro-746wrewk) dt:where(.astro-746wrewk){color:#fff;background:var(--c);text-align:center;text-shadow:2px 2px #000;padding:0 6px}.legend:where(.astro-746wrewk) dd:where(.astro-746wrewk){color:var(--sl-color-gray-2);margin:0}@media (width<=400px){.gui:where(.astro-746wrewk){zoom:.85}}.vb-brew:where(.astro-yncevzs5){margin:32px 0}.pick:where(.astro-yncevzs5){flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pick-btn:where(.astro-yncevzs5){gap:8px;padding:2px 14px 4px 8px!important}.pick-btn:where(.astro-yncevzs5) img:where(.astro-yncevzs5){image-rendering:pixelated}.pick-btn:where(.astro-yncevzs5)[aria-pressed=true]{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAASElEQVQ4jWOQ4mf/T03MACK+Xc6iGEfxy6Ea2C6h8b9PSo9sOgrdQEoMa5fQGHXh5dEwlBpNhxKjOUWKQGkTxS9HFUw7A6mJAZ0VwDPql+BuAAAAAElFTkSuQmCC);color:#fff0a8!important}.stage:where(.astro-yncevzs5),.run:where(.astro-yncevzs5){flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.run:where(.astro-yncevzs5)[hidden]{display:none}.gui:where(.astro-yncevzs5){image-rendering:pixelated;outline:2px solid #000;flex:none;position:relative}.title:where(.astro-yncevzs5){color:#404040;white-space:nowrap;font-size:20px;line-height:20px}.ing:where(.astro-yncevzs5){opacity:0;transition:opacity .18s,transform .25s cubic-bezier(.3,1.6,.5,1);transform:translateY(-14px)scale(.6)}.ing:where(.astro-yncevzs5).in{opacity:1;transform:none}.ing:where(.astro-yncevzs5).used{opacity:0;transition-duration:.3s;transform:scale(.4)}.still:where(.astro-yncevzs5) .ing:where(.astro-yncevzs5){opacity:1;transform:none}.heat:where(.astro-yncevzs5){opacity:0;transition:opacity .2s}.lit:where(.astro-yncevzs5) .heat:where(.astro-yncevzs5){opacity:1;animation:.5s steps(2,end) infinite flame}@keyframes flame{50%{filter:brightness(1.25)}}.arrow:where(.astro-yncevzs5){width:0;overflow:hidden}.brewing:where(.astro-yncevzs5) .arrow:where(.astro-yncevzs5){width:48px;transition:width 3s steps(24,end)}.full:where(.astro-yncevzs5) .arrow:where(.astro-yncevzs5){width:48px}.liquid:where(.astro-yncevzs5){box-sizing:border-box;transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.8,.3,1);transform:scaleY(0)}.full:where(.astro-yncevzs5) .liquid:where(.astro-yncevzs5){transform:none}.out:where(.astro-yncevzs5){flex-direction:column;gap:10px;display:flex}.row:where(.astro-yncevzs5){opacity:.35;align-items:center;gap:10px;transition:opacity .3s,transform .3s;display:inline-flex}.row:where(.astro-yncevzs5) b:where(.astro-yncevzs5){color:var(--sl-color-gray-3);font-weight:400}.bottled:where(.astro-yncevzs5) .row:where(.astro-yncevzs5){opacity:1}.bottled:where(.astro-yncevzs5) .row:where(.astro-yncevzs5)+.row:where(.astro-yncevzs5){transition-delay:.45s}.bottled:where(.astro-yncevzs5):not(.still) .row:where(.astro-yncevzs5){animation:.5s ease-out nudge}.bottled:where(.astro-yncevzs5):not(.still) .row:where(.astro-yncevzs5)+.row:where(.astro-yncevzs5){animation-delay:.45s}@keyframes nudge{40%{transform:translate(6px)}}.kettle:where(.astro-yncevzs5){flex:none;width:160px;height:160px;position:relative}.kettle:where(.astro-yncevzs5) img:where(.astro-yncevzs5){width:160px;height:160px;image-rendering:pixelated}.brewing:where(.astro-yncevzs5) .kettle:where(.astro-yncevzs5) img:where(.astro-yncevzs5){animation:.9s step-end infinite rattle}@keyframes rattle{0%,70%{transform:none}75%{transform:translate(2px,-2px)}85%{transform:translate(-2px)}}.steam:where(.astro-yncevzs5){pointer-events:none;width:40px;height:60px;margin-left:-20px;position:absolute;top:4px;left:50%}.steam:where(.astro-yncevzs5) i:where(.astro-yncevzs5){opacity:0;background:#f0f0f0cc;width:10px;height:10px;position:absolute;bottom:0;left:16px}.brewing:where(.astro-yncevzs5) .steam:where(.astro-yncevzs5) i:where(.astro-yncevzs5){animation:1.4s ease-out infinite steam}.steam:where(.astro-yncevzs5) i:where(.astro-yncevzs5):nth-child(2){left:8px;animation-delay:.35s!important}.steam:where(.astro-yncevzs5) i:where(.astro-yncevzs5):nth-child(3){left:22px;animation-delay:.7s!important}.steam:where(.astro-yncevzs5) i:where(.astro-yncevzs5):nth-child(4){animation-delay:1.05s!important}@keyframes steam{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:.9}to{opacity:0;transform:translate(8px,-48px)scale(1.6)}}.hiss:where(.astro-yncevzs5){color:#fff;text-shadow:2px 2px #3f3f3f;opacity:0;pointer-events:none;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.hissed:where(.astro-yncevzs5):not(.still) .hiss:where(.astro-yncevzs5){animation:1.2s ease-out hiss}@keyframes hiss{0%{opacity:0;transform:translate(-50%,8px)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)}}.steps:where(.astro-yncevzs5){flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;padding:0;list-style:none;display:flex}.steps:where(.astro-yncevzs5) li:where(.astro-yncevzs5){color:var(--sl-color-gray-3);align-items:center;gap:8px;margin:0;transition:color .2s;display:inline-flex}.steps:where(.astro-yncevzs5) .n:where(.astro-yncevzs5){background:var(--fd-surface-2);width:28px;height:28px;color:var(--sl-color-gray-3);box-shadow:inset 0 0 0 2px var(--fd-border);place-items:center;transition:background-color .2s,color .2s;display:grid}.steps:where(.astro-yncevzs5) li:where(.astro-yncevzs5).done{color:var(--sl-color-gray-2)}.steps:where(.astro-yncevzs5) li:where(.astro-yncevzs5).done .n:where(.astro-yncevzs5){background:var(--vb-oak-dark);color:#fff4dc;box-shadow:inset 0 0 0 2px #1a0f07}.steps:where(.astro-yncevzs5) li:where(.astro-yncevzs5).on{color:var(--sl-color-text-accent)}.steps:where(.astro-yncevzs5) li:where(.astro-yncevzs5).on .n:where(.astro-yncevzs5){background:var(--vb-wine);color:#fff0d8;box-shadow:inset 0 0 0 2px var(--vb-wine-line), 0 0 0 2px var(--vb-gilt)}.ctl:where(.astro-yncevzs5){flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-top:10px;display:flex}.play:where(.astro-yncevzs5){font:inherit;color:var(--sl-color-text-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:20px;display:inline-flex}.play:where(.astro-yncevzs5):hover,.play:where(.astro-yncevzs5):focus-visible{color:var(--sl-color-white);text-underline-offset:6px;outline:none;text-decoration:underline 2px}.play:where(.astro-yncevzs5) .i:where(.astro-yncevzs5){clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:10px;height:12px}.play:where(.astro-yncevzs5)[aria-pressed=true] .i:where(.astro-yncevzs5){clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}@media (width<=40rem){.kettle:where(.astro-yncevzs5),.kettle:where(.astro-yncevzs5) img:where(.astro-yncevzs5){width:112px;height:112px}.steam:where(.astro-yncevzs5){transform-origin:bottom;transform:scale(.75)}}@media (width<=400px){.gui:where(.astro-yncevzs5){zoom:.85}}