svg.tea{--secondary:#33406f}svg.tea #teabag{transform-origin:top;animation:2s infinite swing;transform:rotate(3deg)}svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13px;animation:2s infinite steamLarge}svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9px;animation:2s infinite steamSmall}@keyframes swing{50%{transform:rotate(-3deg)}}@keyframes steamLarge{0%{stroke-dashoffset:13px;opacity:.6}to{stroke-dashoffset:39px;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9px;opacity:.6}80%{stroke-dashoffset:27px;opacity:0}to{stroke-dashoffset:27px;opacity:0}}.card{opacity:0;transform:translateY("100%");transition:opacity 3s,transform 3s}.card.visible{opacity:1;transform:translateY("0%")}