/* Native motion uses the catalogue's shared visible-only controller. */
.quality-stels { isolation:isolate; overflow:visible; }
.quality-stels-body,.quality-stels-lid { transform-box:view-box; }
.quality-stels-body {
  transform-origin:163px 138px;
  transform:translateX(calc(var(--art-progress,0) * -35px)) translateY(calc(var(--art-progress,0) * 3px)) rotate(calc(var(--art-progress,0) * -3deg));
  transition:transform .55s cubic-bezier(.2,.75,.25,1);
}
.quality-stels-lid {
  transform-origin:163px 138px;
  transform:translateX(calc(var(--art-progress,0) * 35px)) translateY(calc(var(--art-progress,0) * -51px)) rotate(calc(var(--art-progress,0) * 6deg));
  transition:transform .55s cubic-bezier(.2,.75,.25,1);
}
.quality-stels-shadow {
  transform-origin:160px 208px;
  transform:scaleX(calc(1 + var(--art-progress,0) * .09));
  opacity:calc(1 - var(--art-progress,0) * .2);
  transition:transform .55s ease-out,opacity .55s ease-out;
}
.motion-off .quality-stels-body,.motion-off .quality-stels-lid,.off .quality-stels-body,.off .quality-stels-lid { transform:none!important; transition:none!important; }
.motion-off .quality-stels-shadow,.off .quality-stels-shadow { transform:none!important; opacity:1!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) {
  .quality-stels-body,.quality-stels-lid { transform:none!important; transition:none!important; }
  .quality-stels-shadow { transform:none!important; opacity:1!important; transition:none!important; }
}