.quality-pod-art,.quality-cartridge-art{display:block;width:100%;height:100%;overflow:visible}
.quality-pod-device{transform-box:view-box;transform-origin:50% 90%;transition:transform .12s linear}
.quality-pod-left{transform:translateY(calc(var(--art-progress,0)*-2px)) rotate(calc(-1deg + var(--art-progress,0)*2deg))}
.quality-pod-right{transform:translateY(calc(var(--art-progress,0)*-4px)) rotate(calc(1deg - var(--art-progress,0)*2deg))}
.quality-pod-display{opacity:calc(.8 + var(--art-progress,0)*.2)}
.quality-pod-signal{opacity:calc(.45 + var(--art-progress,0)*.55)}
.quality-cart-model{transform-box:view-box;transform-origin:50% 90%;transition:transform .12s linear}
.quality-cart-xros{transform:rotate(calc(-1deg + var(--art-progress,0)*2deg))}
.quality-cart-voopoo{transform:translateY(calc(var(--art-progress,0)*-3px)) rotate(calc(1deg - var(--art-progress,0)*2deg))}
.quality-xros-liquid{transform:translateY(calc(var(--art-progress,0)*-168px));transition:transform .14s linear}
.quality-voopoo-liquid{transform:translateY(calc(var(--art-progress,0)*-128px));transition:transform .14s linear}
.quality-liquid-bubble{transform:translateY(calc(var(--art-progress,0)*-12px));opacity:calc(.24 + var(--art-progress,0)*.38)}
.motion-off .quality-pod-art,.motion-off .quality-cartridge-art{--art-progress:0!important}
.motion-off .quality-pod-art *,.motion-off .quality-cartridge-art *{transition:none!important}
@media(prefers-reduced-motion:reduce){
  .quality-pod-art,.quality-cartridge-art{--art-progress:0!important}
  .quality-pod-art *,.quality-cartridge-art *{transition:none!important}
}