.mf-code-example{--code-highlighted:#3b82f61f}body:has(.mf-code-example) h1{word-break:keep-all;text-wrap:balance}.mf-code-example :is(h2,h3,h4,[data-code-title]){word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.dark .mf-code-example{--code-highlighted:#60a5fa2e}.mf-code-example pre.astro-code span.highlighted.error{background-color:var(--vp-code-line-error-color)!important}.mf-code-example pre.astro-code span.highlighted.warning{background-color:var(--vp-code-line-warning-color)!important}html.dark .mf-code-example pre.astro-code span.highlighted span{background-color:#0000!important}.mf-demo{--mr-text:#334155;--mr-muted:#606d7c;--mr-border:#dfddd4;--mr-surface:#f5f3ee;--mr-background:#fdfcf8;--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:18px;margin:2rem 0;padding:20px 16px;font-family:system-ui,-apple-system,sans-serif;line-height:1.65}.dark .mf-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}.mdx figure.mf-demo{box-shadow:none;overflow:visible}.mdx figure.mf-demo>div{border:0;border-radius:0}.mf-demo .mf-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mf-demo .mf-heading strong{color:var(--mr-text);font-size:16px;font-weight:650}.mf-demo .mf-heading>span{color:var(--mr-muted);font-size:11px}.mf-demo 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:9px;padding:8px 12px;font-size:12px}.mf-demo button[aria-pressed=true]{color:var(--mr-blue);border-color:var(--mr-blue);background:var(--mr-blueSoft)}.mf-demo button:disabled{opacity:.55;cursor:default}.mf-demo button:focus-visible,.mf-demo summary:focus-visible{outline:2px solid var(--mr-blue);outline-offset:3px}.mf-demo .mf-graphic{width:100%;margin-top:14px;container-type:inline-size}.mf-demo svg{width:100%;height:auto;display:block}.mf-demo .mf-mobile,.mf-demo canvas{display:none}.mf-demo.is-ready canvas{width:100%;display:block}.mf-demo.is-ready .mf-fallback{display:none}.mf-demo .mf-status{background:var(--mr-surface);padding:14px 12px;border-radius:12px!important}.mf-demo .mf-step{color:var(--mr-muted);margin-bottom:4px;font-size:11px;display:block}.mf-demo .mf-status strong{color:var(--mr-text);font-size:14px;font-weight:650;display:block}.mf-demo .mf-status p{color:var(--mr-text);margin:6px 0 0;font-size:13px;line-height:1.75}.mf-demo .mf-note{color:var(--mr-purple);margin-top:7px;font-size:12px;font-weight:600;display:block}.mf-demo .mf-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;display:flex}.mf-demo .mf-choices{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin-top:14px;padding:0;display:flex}.mf-demo .mf-controls>span{color:var(--mr-muted);margin-right:auto;font-size:11px}.mf-demo .mf-transcript{border-top:1px solid var(--mr-border);margin-top:14px;padding-top:12px;font-size:12px}.mf-demo summary{cursor:pointer;color:var(--mr-muted)}.mf-demo .mf-transcript ol{margin:12px 0;padding-left:20px}.mf-demo .mf-transcript li{margin-bottom:10px}.mf-demo .mf-transcript p{margin:4px 0;font-size:12px}.mdx figure.mf-demo figcaption{color:var(--mr-muted);text-align:left;opacity:1;background:0 0;margin:14px 0 0;padding:0;font-size:12px;line-height:1.75;display:block;position:static;transform:none}@container (width<=539px){.mf-demo .mf-desktop{display:none}.mf-demo .mf-mobile{max-width:320px;margin-inline:auto;display:block}}@media (width<=600px){.mf-demo{padding:16px 10px}.mf-demo .mf-controls>span{flex-basis:100%}}.mf-demo:not(.is-ready) :is(.mf-controls,.mf-choices){display:none}.mdx :is(p,li,blockquote){word-break:keep-all;overflow-wrap:anywhere}.mdx table{min-width:36rem}@media (width<=600px){.main-container:has(.mf-code-example){padding-inline:0}}.mf-code-example sup+sup{margin-inline-start:.2em}