.procedureProduct{right:3%;width:55%;transform:none;animation:deviceBreathV2 7s ease-in-out infinite alternate}.groundsEffect,.waterEffect,.pressEffect,.brewEffect{display:block!important;right:auto;opacity:0;pointer-events:none;transition:opacity .28s ease,filter .28s ease}.phase-1 .groundsEffect,.phase-2 .waterEffect,.phase-3 .pressEffect,.phase-4 .brewEffect{opacity:1}.groundsEffect{left:51%;top:18%;width:92px;height:190px;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 18px #0003)}.groundsEffect b{bottom:0}.waterEffect{left:69.5%;top:-2%;width:64px;height:112px;transform:translate(-50%)}.waterEffect:before{left:29px;height:86px}.waterEffect i{left:25px;top:66px;width:12px;height:15px}.pressEffect{left:69.5%;top:39%;width:150px;height:86px;transform:translate(-50%,-50%)}.pressEffect i{left:42px;top:14px;width:56px;height:56px;animation:buttonPulseV2 1.45s ease-out infinite}.pressEffect b{left:82px;right:auto;top:38px;bottom:auto;width:70px;height:24px;animation:fingerPressV2 1.45s ease-in-out infinite}.brewEffect{left:69.5%;top:63%;width:76px;height:125px;transform:translate(-50%)}.brewEffect i{left:34px;height:88px;animation:coffeeFlowV2 1.55s ease-in-out infinite}.brewEffect b{left:13px;bottom:12px;width:52px;height:17px;animation:cremaRiseV2 2.2s ease-out infinite}.procedureStage:before{content:"";position:absolute;z-index:2;left:69.5%;top:39%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#73ff5e18,transparent 66%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.phase-3 .procedureStage:before{opacity:1}@keyframes deviceBreathV2{0%{transform:translateY(2px) scale(1)}to{transform:translateY(-3px) scale(1.018)}}@keyframes buttonPulseV2{0%{opacity:.85;transform:scale(.62)}70%,to{opacity:0;transform:scale(1.32)}}@keyframes fingerPressV2{0%,to{transform:translate(25px,12px) rotate(-14deg)}45%,60%{transform:translate(-8px,-1px) rotate(-14deg)}}@keyframes coffeeFlowV2{0%,to{opacity:.35;transform:scaleY(.7);transform-origin:top}45%{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes cremaRiseV2{0%{opacity:.15;transform:scaleY(.25);transform-origin:bottom}to{opacity:.9;transform:scaleY(1);transform-origin:bottom}}@media(max-width:900px){.procedureProduct{right:13%;top:31%;width:74%;height:58%}.groundsEffect{left:22%;top:48%;transform:translate(-50%,-50%) scale(.85)}.waterEffect{left:50%;top:29%;transform:translate(-50%) scale(.82)}.pressEffect{left:50%;top:56%;transform:translate(-50%,-50%) scale(.86)}.brewEffect{left:50%;top:73%;transform:translate(-50%) scale(.86)}.procedureStage:before{left:50%;top:56%}}@media(max-width:580px){.procedureProduct{right:6%;top:32%;width:88%;height:58%}.groundsEffect{left:20%;top:48%;transform:translate(-50%,-50%) scale(.68)}.waterEffect{left:50%;top:30%;transform:translate(-50%) scale(.68)}.pressEffect{left:50%;top:56.5%;transform:translate(-50%,-50%) scale(.72)}.brewEffect{left:50%;top:73%;transform:translate(-50%) scale(.72)}.procedureStage:before{left:50%;top:56.5%;width:72px;height:72px}}@media(prefers-reduced-motion:reduce){.procedureProduct,.groundsEffect *,.waterEffect *,.pressEffect *,.brewEffect *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/experience-v5.css.map */
