/* Iteration 135: isolate the animation viewport from legacy sprite/canvas rules. */
#modal .exercise-motion .motion-frames,
#app .exercise-motion .motion-frames {
 position:relative!important;contain:none!important;isolation:isolate;
 width:100%!important;max-width:none!important;
 overflow:hidden!important;background:#090b0f!important;
}
#modal .exercise-motion .motion-frames {
 width:100%!important;height:auto!important;min-height:0!important;
 max-height:none!important;aspect-ratio:1!important;
}
#modal .exercise-motion .motion-still,
#app .exercise-motion .motion-still,
#modal .exercise-motion img.motion-gif,
#app .exercise-motion img.motion-gif {
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;min-height:0!important;
 max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
 object-fit:contain!important;object-position:center!important;
 transform:none!important;background:#090b0f!important;pointer-events:none!important;
}
#modal .exercise-motion .motion-still,
#app .exercise-motion .motion-still {z-index:0!important;visibility:visible!important;}
#modal .exercise-motion img.motion-gif,
#app .exercise-motion img.motion-gif {z-index:1!important;visibility:hidden!important;}
#modal .exercise-motion[data-motion-ready="true"][data-paused="false"] img.motion-gif,
#app .exercise-motion[data-motion-ready="true"][data-paused="false"] img.motion-gif {visibility:visible!important;}
#modal .exercise-motion .motion-toggle,
#app .exercise-motion .motion-toggle {position:absolute!important;right:8px!important;bottom:8px!important;z-index:2!important;pointer-events:auto!important;}
/* Keep the full frame at intermediate tablet widths too. */
@media (min-width:721px) and (max-width:820px) {
 #app .active-exercise-media:has(.active-workout-motion) {width:100%!important;min-width:0!important;}
 #app .active-workout-motion {width:100%!important;max-width:none!important;}
}