.cup{position:relative;width:220px;height:180px;border:8px solid var(--cup-border);box-shadow:0 0 0 12px var(--cup-outline);border-radius:10px 10px 60px 75px;background:url(/_next/static/media/coffee.314a9cbb.png);background-repeat:repeat-x;background-position:0 130px;animation:filling 4s infinite;transform:scale(.4)}@keyframes filling{0%,to{background-position:0 130px}50%{background-position:600px -70px}}.cup .cup-handle{position:absolute;top:10px;right:-74px;width:65px;height:120px;border:12px solid var(--cup-outline);border-radius:20px 10px 50px 20px}.cup .steam{position:absolute;border-radius:10px 2px;width:8px;animation:steaming 2s infinite}@keyframes steaming{0%,to{opacity:0}50%{opacity:1;filter:blur(.8px);transform:translateY(-10px)}}.cup .steam:first-child{top:-70px;left:65px;height:30px;background:var(--steam-1);animation-delay:.2s}.cup .steam:nth-child(2){top:-120px;left:95px;height:50px;background:var(--steam-2);animation-delay:.6s}.cup .steam:nth-child(3){top:-90px;left:125px;height:40px;background:var(--steam-3);animation-delay:1s}