.hvac-hero{--rp-pos:60% 50%}.hv-therm{position:relative;width:60px;height:100px;margin-top:-14px}.hv-therm span{position:absolute;left:21px;top:4px;width:18px;height:70px;border-radius:9px 9px 0 0;border:2px solid #3B4B6E;border-bottom:0;overflow:hidden}.hv-therm span i{position:absolute;left:0;right:0;bottom:0;height:20%;background:#2b66d9;animation:hvTherm 4s ease-in-out infinite}.hv-therm b{position:absolute;left:14px;top:66px;width:32px;height:32px;border-radius:50%;background:#2b66d9;animation:hvBulb 4s ease-in-out infinite}@keyframes hvTherm{0%,20%{height:20%;background:#2b66d9}70%,100%{height:92%;background:var(--sv-red)}}@keyframes hvBulb{0%,20%{background:#2b66d9}70%,100%{background:var(--sv-red)}}.hv-vent{display:flex;flex-direction:column;gap:8px;width:120px;margin-top:-14px;padding:10px;border-radius:8px;border:2px solid #2B3852}.hv-vent span{height:6px;border-radius:3px;background:#3B4B6E;position:relative;overflow:hidden}.hv-vent span::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(160,190,230,.55),transparent);animation:hvAir 2.4s linear infinite}.hv-vent span:nth-child(2)::after{animation-delay:.8s}.hv-vent span:nth-child(3)::after{animation-delay:1.6s}@keyframes hvAir{0%{left:-30%}100%{left:100%}}.hv-click{position:relative;width:110px;height:100px;margin-top:-14px}.hv-click b{position:absolute;left:30px;top:30px;width:44px;height:44px;border-radius:50%;border:6px solid #4A5A7C;animation:hvClutch 1.2s steps(1) infinite}.hv-click i{position:absolute;left:18px;top:18px;width:68px;height:68px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:hvClick 1.2s ease-out infinite}.hv-click i:nth-child(3){animation-delay:.6s}@keyframes hvClutch{0%,49%{border-color:#4A5A7C}50%,100%{border-color:var(--gold)}}@keyframes hvClick{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.3);opacity:0}}.hv-fog{position:relative;width:170px;height:90px;margin-top:-14px}.hv-fog span{position:absolute;left:10px;right:10px;top:10px;height:66px;border-radius:30px 30px 8px 8px;border:3px solid #3B4B6E;background:linear-gradient(180deg,#0b1422,#16223a)}.hv-fog i{position:absolute;left:13px;right:13px;top:13px;height:60px;border-radius:28px 28px 6px 6px;background:rgba(210,220,235,.75);filter:blur(2px);animation:hvFog 4s ease-in-out infinite}@keyframes hvFog{0%,15%{opacity:0}70%,100%{opacity:1}}.hv-smell{position:relative;width:120px;height:100px;margin-top:-14px}.hv-smell i{position:absolute;bottom:10px;left:30px;width:6px;height:40px;border-radius:3px;background:#6f8a52;opacity:0;animation:hvSmell 3s ease-in-out infinite}.hv-smell i:nth-child(2){left:56px;animation-delay:1s}.hv-smell i:nth-child(3){left:82px;animation-delay:2s}@keyframes hvSmell{0%{transform:translateY(10px) skewX(0);opacity:0}40%{opacity:.9}100%{transform:translateY(-40px) skewX(20deg);opacity:0}}.hv-drip{position:relative;width:150px;height:110px;margin-top:-14px}.hv-drip span{position:absolute;left:69px;top:4px;width:12px;height:16px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#5a9ad6;animation:hvDrop 1.6s ease-in infinite}.hv-drip i{position:absolute;left:35px;bottom:10px;width:80px;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(90,154,214,.9),rgba(90,154,214,0));animation:hvPool 4.8s ease-out infinite}@keyframes hvDrop{0%{transform:translateY(0);opacity:1}85%{transform:translateY(78px);opacity:1}100%{transform:translateY(78px);opacity:0}}@keyframes hvPool{0%{transform:scale(.4)}100%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.hv-therm span i,.hv-therm b,.hv-vent span::after,.hv-click b,.hv-click i,.hv-fog i,.hv-smell i,.hv-drip span,.hv-drip i{animation:none}}