.mn-demo{box-sizing:border-box;padding:0;margin:auto;border:1px solid #cbc5d4;border-radius:18px;width:min(68rem,calc(100vw - 2rem));height:min(50rem,calc(100dvh - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);overflow:hidden;background:#f6f3ec;color:#100b35;box-shadow:0 24px 90px #08022f50}.mn-demo[open]{display:block}.mn-demo:not([open]){display:none}.mn-demo::backdrop{background:#08022fcc}.mn-demo *,.mn-demo *:before,.mn-demo *:after{box-sizing:border-box}.mn-demo-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;min-width:0;background:#f6f3ec;color:#100b35;font-family:Geom,sans-serif}.mn-demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid #dcd5e1}.mn-demo-heading{min-width:0}.mn-demo-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#675973}.mn-demo-heading h2{margin:.2rem 0 0;font:600 clamp(1rem,2vw,1.3rem)/1.25 "Geom",sans-serif;overflow-wrap:anywhere}.mn-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.mn-demo button,.mn-demo-footer a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.65rem .85rem;border:1px solid #cbc5d4;border-radius:9px;font:600 .875rem/1.25 Geom,sans-serif;text-decoration:none;cursor:pointer}.mn-demo button svg,.mn-demo-footer svg{flex:0 0 auto}.mn-demo button:focus-visible,.mn-demo a:focus-visible{outline:3px solid #6651cf;outline-offset:3px}.mn-demo .mn-demo-fullscreen{background:#c90b4d;border-color:#c90b4d;color:#fff}.mn-demo .mn-demo-fullscreen:hover{background:#ad0841;border-color:#ad0841}.mn-demo .mn-demo-fullscreen:disabled{opacity:.7;cursor:wait}.mn-demo .mn-demo-close{color:#100b35;background:#fff}.mn-demo-description{margin:0;padding:.65rem 1.25rem;color:#645770;font-size:.85rem;line-height:1.5}.mn-demo-frame{position:relative;min-width:0;min-height:0;background:#fff}.mn-demo [data-frame-slot],.mn-demo iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.mn-demo-loading{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:.75rem;background:#f6f3ec;pointer-events:none}.mn-demo-loading p{margin:0}.mn-demo-help{position:absolute;inset:auto 0 0;z-index:2;padding:.7rem 1rem;text-align:center;font-size:.85rem;background:#f6f3ec;border-top:1px solid #dcd5e1}.mn-demo [hidden]{display:none!important}.mn-demo-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .5rem;padding:.4rem 1rem;border-top:1px solid #dcd5e1}.mn-demo-footer a{padding-inline:.25rem;color:#100b35;border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.mn-demo-footer button{color:#100b35;background:transparent;border-color:transparent}.mn-demo.is-expanded{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0}.mn-demo-shell:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none}.mn-demo.is-expanded .mn-demo-description,.mn-demo-shell:fullscreen .mn-demo-description{display:none}.mn-demo.is-expanded .mn-demo-shell,.mn-demo-shell:fullscreen{grid-template-rows:auto minmax(0,1fr) auto}.mn-demo.is-expanded .mn-demo-toolbar,.mn-demo-shell:fullscreen .mn-demo-toolbar{padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mn-demo.is-expanded .mn-demo-footer,.mn-demo-shell:fullscreen .mn-demo-footer{padding-bottom:max(.4rem,env(safe-area-inset-bottom))}@media(max-width:600px){.mn-demo{width:calc(100vw - 1rem);height:calc(100dvh - 1rem);max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:12px}.mn-demo-toolbar{gap:.6rem;padding:.75rem}.mn-demo-heading{width:100%}.mn-demo-heading h2{font-size:1rem}.mn-demo-actions{width:100%}.mn-demo-fullscreen{flex:1}.mn-demo-description{font-size:.8rem;padding:.5rem .75rem}.mn-demo-footer{padding-inline:.5rem}.mn-demo-footer a,.mn-demo-footer button{font-size:.8rem}.mn-demo.is-expanded .mn-demo-heading{display:none}}@media(max-height:500px){.mn-demo-heading,.mn-demo-description{display:none}.mn-demo-shell{grid-template-rows:auto minmax(0,1fr) auto}.mn-demo-toolbar{justify-content:flex-end;padding-block:.25rem}.mn-demo-footer{padding-block:0}}