.brew-serif{font-family:var(--font-headline)}.brew-from-bottom{transform-box:fill-box;transform-origin:50% 100%}.brew-grain{transform-box:view-box}.brew-bottle{transform-origin:50% 92%}.brew-bubble{opacity:0}@media (prefers-reduced-motion:no-preference){.brew-bottle[data-shaking=true]{animation:.72s ease-in-out brew-shake}.brew-lees[data-state=mixed]{transition:transform .38s ease-out}.brew-lees[data-state=settled]{transition:transform 6.2s cubic-bezier(.2,.55,.25,1)}.brew-fade{transition:opacity .6s}.brew-meter-dot{transition:transform .38s ease-out}.brew-meter-dot[data-slow=true]{transition:transform 6.2s cubic-bezier(.2,.55,.25,1)}.brew-fill{transition:transform .9s cubic-bezier(.3,.6,.2,1),opacity .6s}.brew-grain{transition:transform .9s cubic-bezier(.3,.6,.2,1),opacity .5s}.brew-bubbling .brew-bubble{animation:2.6s linear infinite brew-rise}.brew-cloth{transition:transform .5s,opacity .4s}}@media (prefers-reduced-motion:reduce){.brew-bubbling .brew-bubble{opacity:.7}}@keyframes brew-shake{0%{transform:rotate(0)}15%{transform:rotate(-9deg)}35%{transform:rotate(8deg)}55%{transform:rotate(-7deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes brew-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.85}85%{opacity:.85}to{transform:translateY(var(--brew-rise,-110px));opacity:0}}