[data-motion-model]{position:relative;isolation:isolate}
[data-motion-model]>canvas{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .3s;filter:none}
[data-motion-model].motion-ready>canvas{opacity:1}
[data-motion-model].motion-ready>img{opacity:0!important}
.motion-caption{position:absolute;left:18px;bottom:15px;z-index:2;padding:8px 11px;background:#092b3de8;border:1px solid #7bd8de55;color:#d1f3f4;font:10px/1.5 Arial,sans-serif;letter-spacing:.07em;opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s;pointer-events:none}
.layers-open .motion-caption{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-motion-model]>canvas,.motion-caption{transition:none}}