.ct-wrapper{width:100%;max-width:480px;margin-inline:auto}.ct-svg{width:100%;height:auto;display:block;overflow:visible}.ct-svg .ct-bg,.ct-svg .ct-cup-in,.ct-svg .ct-cup-pop,.ct-svg .ct-cup-float,.ct-svg .ct-pot,.ct-svg .ct-coffee,.ct-svg .ct-ripple{transform-box:view-box}.ct-svg .ct-steam{transform-box:fill-box;transform-origin:50% 100%}.ct-bg{transform-origin:215px 215px;animation:.7s cubic-bezier(.34,1.5,.64,1) both ct-bg}@keyframes ct-bg{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.ct-cup-in{transform-origin:190px 386px;animation:1.1s .15s both ct-cup-in}@keyframes ct-cup-in{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(-340px)rotate(-9deg)}10%{opacity:1}52%{animation-timing-function:ease-in-out;transform:translate(6px)rotate(6deg)}70%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-3deg)}85%{animation-timing-function:ease-in-out;transform:rotate(1.2deg)}to{opacity:1;transform:translate(0)rotate(0)}}.ct-cup-pop{transform-origin:190px 386px;animation:.65s ease-in-out 3.9s both ct-cup-pop}@keyframes ct-cup-pop{0%{transform:translateY(0)scale(1)}25%{transform:translateY(0)scale(1.05,.94)}55%{transform:translateY(-10px)scale(.97,1.04)}80%{transform:translateY(0)scale(1.02,.98)}to{transform:translateY(0)scale(1)}}.ct-cup-float{animation:4s ease-in-out 5s infinite ct-float}@keyframes ct-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ct-pot{transform-origin:205px 135px;animation:3.5s 1.1s both ct-pot}@keyframes ct-pot{0%{opacity:0;animation-timing-function:cubic-bezier(.25,.8,.35,1);transform:translate(150px,-180px)rotate(12deg)}8%{opacity:1}20%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-42deg)}26%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-33deg)}32%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-35deg)}40%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-37.5deg)}48%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-35deg)}56%{animation-timing-function:ease-in-out;transform:translate(0)rotate(-37.5deg)}64%{transform:translate(0)rotate(-35deg)}71%{animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translate(0)rotate(-35deg)}79%{animation-timing-function:ease-in-out;transform:translate(14px,-84px)rotate(7deg)}84%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:translate(20px,-94px)rotate(-2deg)}to{opacity:0;transform:translate(190px,-250px)rotate(10deg)}}.ct-stream{stroke-dasharray:100 110;stroke-dashoffset:101px;animation:1.6s 2s both ct-stream}@keyframes ct-stream{0%{stroke-dashoffset:101px;animation-timing-function:cubic-bezier(.5,0,.9,.6)}15%{stroke-dashoffset:0}75%{stroke-dashoffset:0;animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{stroke-dashoffset:-101px}}.ct-glug{animation:1.6s 2s both ct-stream,.28s ease-in-out 2.3s 4 ct-glug}@keyframes ct-glug{0%,to{stroke-width:7px}50%{stroke-width:10px}}.ct-splash{opacity:0;animation:none}.ct-splash-a{animation-name:ct-splash-a}.ct-splash-b{animation-name:ct-splash-b;animation-delay:2.45s}.ct-splash-c{animation-name:ct-splash-c;animation-delay:2.65s}@keyframes ct-splash-a{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translate(0)}8%{opacity:1}45%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translate(-12px,-20px)}85%{opacity:1}to{opacity:0;transform:translate(-24px,22px)}}@keyframes ct-splash-b{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translate(0)}8%{opacity:1}45%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translate(11px,-24px)}85%{opacity:1}to{opacity:0;transform:translate(22px,22px)}}@keyframes ct-splash-c{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translate(0)}8%{opacity:1}45%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translate(-3px,-28px)}85%{opacity:1}to{opacity:0;transform:translate(-7px,22px)}}.ct-coffee{transform-origin:187px 215px;animation:1.7s cubic-bezier(.3,.6,.4,1) 2.15s both ct-fill}@keyframes ct-fill{0%{opacity:0;transform:translateY(20px)scale(.78,.9)}5%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.ct-ripple{transform-origin:195px 215px;opacity:0;animation:.56s ease-out 2.3s 2 ct-ripple}@keyframes ct-ripple{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.ct-steam{opacity:0;animation:3s ease-in-out infinite ct-steam}@keyframes ct-steam{0%{opacity:0;transform:translateY(14px)scale(.7)}30%{opacity:.95;transform:translate(-3px,2px)scale(1)}60%{opacity:.9;transform:translate(4px,-12px)scale(1)}to{opacity:0;transform:translate(-2px,-30px)scale(1.05)}}.ct-cup-click{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:filter .2s}.ct-cup-click:hover{filter:brightness(1.06)}.ct-cup-click:focus-visible{filter:drop-shadow(0 0 6px #2e615b99)}@media (prefers-reduced-motion:reduce){.ct-svg *{animation:none!important}.ct-pot,.ct-stream,.ct-splash,.ct-ripple{opacity:0}.ct-steam{opacity:.8}}