.mug{width:8em;height:6em;border-radius:.05em .05em 3em 3em;border:10px solid #c6c6c6;position:relative;margin:0 auto 5em}.mug:after{content:"";position:absolute;width:20px;height:2em;right:0;margin-right:-2.5em;top:1em;border-radius:.05em 3em 3em .5em;border:10px solid #c6c6c6}.carafe{overflow:hidden;border-radius:.05em .05em 2.2em 2.2em;background:#c6c6c6;width:100%;height:100%;transition:all 1s}.vanilla{transform:translateY(400%);position:relative;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#e1cf95 10px,#e1cf95 20px);width:100%;height:20%;animation:pour-tea 2s 1s forwards;z-index:2}.stream{position:absolute;transform:rotate(90deg);height:80px;width:80px;margin-top:-55px;opacity:0;animation:move-and-fade 2.5s linear infinite;animation-delay:3.4s}.stream:before{position:absolute;content:"~";font-size:70px}.stream:first-child{margin-left:20px;margin-top:-70px;animation:move-and-fade 2.5s linear infinite;animation-delay:3.2s}.stream:last-child{margin-left:40px;animation:move-and-fade 2.5s linear infinite;animation-delay:3s}.flake{position:absolute;margin-top:-55px;margin-left:125px;opacity:0;animation:move-and-fade 2.5s linear infinite;animation-delay:3.4s}@keyframes move-and-fade{0%{opacity:0;transform:translateY(0) rotate(90deg)}50%{opacity:.5}75%{opacity:0}to{transform:translateY(-15px) rotate(90deg);opacity:0}}.flake:before{content:"*";position:absolute;color:#fff;height:80px;width:80px;margin-top:0;font-size:70px}.flake:first-child{margin-left:90px;margin-top:-70px;animation:move-and-fade 2.5s linear infinite;animation-delay:3.2s}@keyframes move-and-fade{0%{opacity:0;transform:translateY(0) rotate(90deg)}50%{opacity:.5}75%{opacity:0}to{transform:translateY(-10px) rotate(90deg);opacity:0}}.flake:last-child{margin-left:50px;margin-top:-45px;animation:move-and-fade 2.5s linear infinite;animation-delay:3s}@keyframes move-and-fade{0%{opacity:0;transform:translateY(0) rotate(90deg)}50%{opacity:.5}75%{opacity:0}to{transform:translateY(-20px) rotate(90deg);opacity:0}}@keyframes pour-tea{0%{transform:translateY(100%)}to{transform:translateY(0)}}.baseBeverage[data-v-39e969aa]{position:relative;width:100%;height:100%;bottom:0;animation:pour-tea 2s;z-index:300}.syrup[data-v-c0055499]{transform:translateY(400%);background:repeating-linear-gradient(45deg,tan,tan 10px,var(--syrup-color, #ffefd5) 10px,var(--syrup-color, #ffefd5) 20px);position:relative;width:100%;height:20%;animation:pour-tea 2s 1s forwards;z-index:2}.froth[data-v-43e3004d]{overflow:visible;transform:translateY(400%);position:relative;height:20%;width:100%;background-color:#c6c6c6;animation:pour-tea 2s 2s forwards}.foam[data-v-43e3004d]{display:block;background:#e4e0d2;border-radius:30px;height:40px;width:40px;position:absolute}.foam[data-v-43e3004d]:nth-child(1){top:0;left:-3px}.foam[data-v-43e3004d]:nth-child(2){top:0;left:55px}.foam[data-v-43e3004d]:nth-child(3){width:30px;height:30px;border-radius:40px;top:3px;left:30px}.foam[data-v-43e3004d]:nth-child(4){width:30px;height:30px;border-radius:45px;top:5px;right:-2px}.foam[data-v-43e3004d]:nth-child(5){top:2px;right:10px}.carafe[data-v-43d2bfc5]{min-height:96px;overflow:hidden;border-radius:.05em .05em 2.2em 2.2em;background:#fff;width:100%;height:100%}body,html{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-family:sans-serif;background-color:#6e4228;background:linear-gradient(to bottom,#6e4228,#956f5a)}input[type=radio]{accent-color:#4b2e1f}ul{list-style:none}.align-item{width:130px}.align-item label{display:flex;align-items:center;gap:.35rem}.option-row{display:flex;flex-wrap:wrap;padding:0}.option-row,.option-row label,.option-row li,.beverage-actions label,.beverage-actions input,.beverage-actions button,#beverage-container button{font-family:sans-serif}.option-row label{border-radius:8px;padding:.25rem .5rem;transition:background-color .2s ease,transform .2s ease;cursor:pointer}.option-row label:hover{background-color:#f3e2c759;transform:translateY(-1px)}.beverage-actions{display:flex;align-items:center;gap:.75rem;padding:1rem 0}#beverage-container{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;max-width:600px;margin:0 auto}.beverage-actions input{background-color:#f3e2c7;color:#4b2e1f;border:2px solid #8b5e3c;border-radius:8px;padding:.45rem .75rem}.beverage-actions button,#beverage-container button{background-color:#f3e2c7;color:#4b2e1f;border:2px solid #8b5e3c;border-radius:8px;padding:.45rem .9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.beverage-actions button:hover,#beverage-container button:hover{background-color:#e8d2ae;transform:translateY(-1px)}