.coffee-container{width:150px;height:140px;position:relative}.coffee-header{width:100%;height:40px;position:absolute;top:0;left:0;background-color:#ddcfcc;border-radius:5px}.coffee-header__buttons{width:12.5px;height:12.5px;position:absolute;top:12.5px;background-color:#282323;border-radius:50%}.coffee-header__buttons:after{content:"";width:4px;height:4px;position:absolute;bottom:-4px;left:calc(50% - 2px);background-color:#615e5e}.coffee-header__button-one{left:7.5px}.coffee-header__button-two{left:25px}.coffee-header__display{width:25px;height:25px;position:absolute;top:calc(50% - 12.5px);left:calc(50% - 12.5px);border-radius:50%;background-color:#9acfc5;border:2.5px solid #43beae;box-sizing:border-box}.coffee-header__details{width:4px;height:10px;position:absolute;top:5px;right:5px;background-color:#9b9091;box-shadow:-6px 0 0 #9b9091,-12px 0 0 #9b9091}.coffee-medium{height:80px;top:40px;background-color:#bcb0af}.coffee-medium,.coffee-medium:before{width:90%;position:absolute;left:calc(50% - 45%)}.coffee-medium:before{content:"";height:50px;background-color:#776f6e;bottom:0;border-radius:10px 10px 0 0}.coffe-medium__exit{width:30px;top:0;left:calc(50% - 15px)}.coffe-medium__exit,.coffe-medium__exit:before{height:10px;position:absolute;background-color:#231f20}.coffe-medium__exit:before{content:"";width:25px;border-radius:0 0 50% 50%;bottom:-10px;left:calc(50% - 12.5px)}.coffe-medium__exit:after{content:"";width:5px;height:5px;position:absolute;bottom:-15px;left:calc(50% - 2.5px);background-color:#231f20}.coffee-medium__arm{width:35px;height:10px;position:absolute;top:7.5px;right:12.5px;background-color:#231f20}.coffee-medium__arm:before{content:"";width:7.5px;height:2.5px;position:absolute;top:3.5px;left:-7.5px;background-color:#9e9495}.coffee-medium__cup{width:40px;height:23.5px;position:absolute;bottom:0;left:calc(50% - 20px);background-color:#FFF;border-radius:0 0 35px 35px/0 0 55px 55px}.coffee-medium__cup:after{content:"";width:10px;height:10px;position:absolute;top:3px;right:-6.5px;border:2.5px solid #fff;border-radius:50%}.coffee-medium__liquid{width:3px;height:31.5px;opacity:0;position:absolute;top:25px;left:calc(50% - 1.5px);background-color:#74372b;animation:liquid 4s linear 4s infinite}.coffee-medium__smoke{width:4px;height:10px;position:absolute;border-radius:2.5px;background-color:#b3aeae}.coffee-medium__smoke-one{opacity:0;bottom:25px;left:51px;animation:smokeOne 3s linear 4s infinite}.coffee-medium__smoke-two{opacity:0;bottom:35px;left:59px;animation:smokeTwo 3s linear 5s infinite}.coffee-medium__smoke-three{opacity:0;bottom:32.5px;right:59px;animation:smokeTwo 3s linear 6s infinite}.coffee-medium__smoke-for{opacity:0;bottom:25px;right:51px;animation:smokeOne 3s linear 5s infinite}.coffee-footer{width:95%;height:7.5px;position:absolute;bottom:12.5px;left:calc(50% - 47.5%);background-color:#41bdad;border-radius:5px}.coffee-footer:after{content:"";width:106%;height:13px;position:absolute;bottom:-12.5px;left:-4px;background-color:#000}