/* Demonstration artwork is isolated from website and native application UI. */
.motion-stage{container-type:inline-size;position:relative;min-width:0;isolation:isolate}
.motion-stage .motion-canvas{display:block;width:100%;height:auto;overflow:hidden;font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;fill:#10131b;font-variant-numeric:tabular-nums}
.motion-stage .motion-compact{display:none}
.motion-stage .motion-canvas image{pointer-events:none}
.motion-stage [data-el="cursor"]{filter:drop-shadow(0 2px 2px #18212b30)}
.motion-stage [data-el="lens"]{filter:drop-shadow(0 10px 16px #15212d2b)}
.motion-stage [data-el="key"]{filter:drop-shadow(0 7px 14px #15212d20)}
.motion-stage [data-el="toolbar"],.motion-stage [data-el="pin-toolbar"]{filter:drop-shadow(0 6px 9px #26342224)}
.motion-stage .motion-poster{display:block;width:100%;height:auto}
.motion-stage .poster-compact{display:none}
.motion-stage[data-motion-ready="true"]>.motion-poster{display:none}
@container(max-width:620px){.motion-stage .motion-wide,.motion-stage .poster-wide{display:none}.motion-stage .motion-compact,.motion-stage .poster-compact{display:block}}