.moyeo-demo{--mr-text:#334155;--mr-muted:#606d7c;--mr-border:#d8e0e8;--mr-surface:#f6f8fa;--mr-background:#fff;--mr-blue:#1d73be;--mr-green:#237c4c;--mr-orange:#ac5b10;--mr-purple:#7952bc;--mr-red:#cf4146;--mr-blueSoft:#eaf3fb;--mr-greenSoft:#eaf5ee;--mr-orangeSoft:#fcf2e7;--mr-purpleSoft:#f0ebf8;--mr-redSoft:#fdf0f0;border:1px solid var(--mr-border);background:var(--mr-background);color:var(--mr-text);border-radius:14px;margin:2rem 0;padding:18px 14px;font-family:system-ui,-apple-system,sans-serif;line-height:1.65;position:relative}.mdx figure.moyeo-demo>div{border:0;border-radius:0}.mdx figure.moyeo-demo{box-shadow:none}.dark .moyeo-demo{--mr-text:#e2e8f0;--mr-muted:#aab7c7;--mr-border:#404c5b;--mr-surface:#202935;--mr-background:#171e28;--mr-blue:#7bbcf4;--mr-green:#83cfaa;--mr-orange:#f1b06c;--mr-purple:#bea5f2;--mr-red:#ff969b;--mr-blueSoft:#25384b;--mr-greenSoft:#263b33;--mr-orangeSoft:#423325;--mr-purpleSoft:#343049;--mr-redSoft:#442a33}.moyeo-demo .mr-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding:0 8px 12px;font-size:15px;display:flex}.moyeo-demo .mr-heading>span{color:var(--mr-muted);white-space:nowrap;font-size:11px}.moyeo-demo .mr-heading>strong{color:var(--mr-text);font-size:15px;font-weight:600;line-height:1.5}.moyeo-demo .mr-graphic{width:100%;container-type:inline-size}.moyeo-demo svg{width:100%;height:auto;display:block}.moyeo-demo .mr-mobile{display:none}.moyeo-demo canvas{width:100%;display:none}.moyeo-demo.is-ready canvas{display:block}.moyeo-demo.is-ready .mr-fallback{display:none}.moyeo-demo .mr-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin:12px 8px 0;display:flex}.moyeo-demo .mr-controls>span{color:var(--mr-muted);margin-right:auto;font-size:11px}.moyeo-demo .mr-controls button{appearance:none;border:1px solid var(--mr-border);background:var(--mr-surface);min-height:44px;color:var(--mr-text);font:inherit;cursor:pointer;border-radius:7px;padding:6px 11px;font-size:12px}.moyeo-demo .mr-controls button:disabled{opacity:.5;cursor:default}.moyeo-demo .mr-controls button:focus-visible{outline:2px solid var(--mr-blue);outline-offset:3px}.mdx figure.moyeo-demo .mr-description{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=539px){.moyeo-demo .mr-desktop{display:none}.moyeo-demo .mr-mobile{max-width:320px;margin:0 auto;display:block}}@media (width<=600px){.moyeo-demo{padding:16px 8px}.moyeo-demo .mr-controls>span{flex-basis:100%}}