/* Scroll momentum spin: part.js writes the element's own `rotate` property; this file only holds the helpers.
   A flat thing (badge, record, logo) turns about z and needs nothing here. A y / x turn needs perspective on a
   parent, and a CSS 3D object needs preserve-3d from that parent down to its faces:
     <div class="sms-stage">  <div class="sms-3d" data-sms data-sms-axis="y"> ...faces... </div>  </div>
     --sms-perspective   perspective of .sms-stage (900px)
   Put a fixed lean on a wrapper between the stage and the spinning element (also .sms-3d) to turn the object about
   its own upright axis while it leans toward you; put it on the element's own transform instead to turn it about
   the world axis with the lean carried round (the 3D model's way). */
.sms-stage { perspective: var(--sms-perspective, 900px); }
.sms-3d { transform-style: preserve-3d; }
[data-sms].sms-on { will-change: rotate; }