@keyframes nf-rise{0%{opacity:0;transform:translateY(8px)}}.nf-rise{animation:nf-rise .42s var(--ease-out) both;animation-delay:calc(.2s + var(--i,0) * 50ms)}@keyframes nf-drain{to{transform:translateY(92px)}}.nf-coffee{animation:1.6s cubic-bezier(.65,0,.35,1) .5s both nf-drain}@keyframes nf-refill{0%{animation-timing-function:var(--ease-out);transform:translateY(92px)}28%,50%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(0)}to{transform:translateY(92px)}}.nf-coffee[data-refill]{animation:2.6s both nf-refill}@keyframes nf-slosh{to{transform:translate(-74px)}}.nf-wave{animation:1.1s linear 2 nf-slosh}@keyframes nf-steam{0%{opacity:0;transform:translateY(8px)}35%{opacity:.55}to{opacity:0;transform:translateY(-22px)}}.nf-steam{opacity:0;animation:nf-steam 1.7s var(--ease-out) both;animation-delay:calc(var(--i,0) * .22s);animation-iteration-count:2}.nf-steam[data-refill]{animation-delay:calc(.5s + var(--i,0) * .22s)}.nf-mug{transition:scale .15s var(--ease-out)}.nf-mug:active{scale:.97}@media (prefers-reduced-motion:reduce){.nf-rise,.nf-wave,.nf-steam{animation:none}.nf-coffee,.nf-coffee[data-refill]{animation:none;transform:translateY(92px)}}