{"version":3,"file":"MaterioSystem.TwhwpepI.mjs","names":[],"sources":["https:/framerusercontent.com/modules/0RsQzRrrJtVzWQGKVWY4/F2MBIg3hIFOfK0mCcXuq/MaterioSystem.js"],"sourcesContent":["// MaterioSystem.tsx — the ONE shared design-system layer for every Materio code component.\n// Holds the brand fonts + the master stylesheet (features/styles.css, scoped to .materio),\n// injected into document.head ONCE per page. Components import { ensureSystemStyles }, call it\n// on mount, wrap their root in className=\"materio\", and carry NO shared CSS of their own.\n// AUTO-GENERATED by features/framer-export/build-system.js — do not hand-edit.\n// The brand @font-face set — tiny URL refs to Framer's own hosted, cached font files (NOT base64).\n// Part of what SiteNav renders into the page head via systemStyles(), so the fonts are declared at\n// first paint and the browser shares Framer's already-in-flight download — no swap, no duplicate bytes.\nconst SYSTEM_FONTS=\"@font-face{font-family:'Helvetica Neue';font-style:normal;font-weight:200;font-display:swap;src:url(https://framerusercontent.com/assets/7cgaLNyV1XAV6DZ5h9zZFaX9E.woff2) format('woff2');}\\n@font-face{font-family:'Helvetica Neue';font-style:normal;font-weight:300;font-display:swap;src:url(https://framerusercontent.com/assets/tC5yEsdCGZNofJpWcaEBtnalseM.woff2) format('woff2');}\\n@font-face{font-family:'Helvetica Neue';font-style:normal;font-weight:400;font-display:swap;src:url(https://framerusercontent.com/assets/ucSXip3YHAe23W5UYBqQGzBBH0.woff2) format('woff2');}\\n@font-face{font-family:'Helvetica Neue';font-style:normal;font-weight:500;font-display:swap;src:url(https://framerusercontent.com/assets/pUzMxFQxyD6rGHi9MAxgupoJHNg.woff2) format('woff2');}\\n@font-face{font-family:'Helvetica Neue';font-style:normal;font-weight:700;font-display:swap;src:url(https://framerusercontent.com/assets/mYRv3yStgRwdSpkitvIDdG0K1DY.woff2) format('woff2');}\\n@font-face{font-family:'PP Editorial New';font-style:italic;font-weight:400;font-display:swap;src:url(https://framerusercontent.com/assets/bNELA2d8iq9qLlIf6JdaWCAH2UI.woff2) format('woff2');}\";// The design-system token declarations (one source), for a component that must define tokens synchronously\n// at first paint, scoped to its own root instead of a hand-copied mirror. See OrbitalHero.\n// Exposed as a FUNCTION (not a bare const) because Framer code-file imports resolve functions reliably\n// (same as ensureSystemStyles) but not always plain const exports.\nconst SYSTEM_TOKEN_VARS=\"--midnight:#3F3934; --greige:#F4F3EF; --teal:#5BAEAE; --lavender:#A99BD7;\\n  --teel:var(--teal); \\n  --text:var(--midnight); \\n  --melon:#F37560; --gold:#FEA000; --card:#fff; --border:#e5e2dd; --muted:#8a8480; --green:#4FA97F;\\n  --white:#fff; \\n  --on-dark-muted:#cfc9c2; \\n  --font-ui:'Helvetica Neue',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\\n  --font-display:'PP Editorial New',Georgia,serif;\\n  --display-weight:500; \\n  --display-weight-light:200; \\n  --btn-font:14px; --btn-pad-y:9px; --btn-pad-x:18px; \\n  --btn-lg-font:16px; --btn-lg-pad-y:14px; --btn-lg-pad-x:28px; \\n  --header-h:64px;\\n  \\n  --site-max:1200px; --gutter:40px;\\n  --radius-control:9px; \\n  --radius-card:14px; \\n  --radius-modal:16px; \\n  --radius-pill:999px; \\n  \\n  --border-hairline:1px; --border-marker:2px; --border-accent:4px;\\n  \\n  --underline-offset:3px;\\n  \\n  --avatar-sm:34px; --avatar-md:60px;\\n  --warmer-greige:#E8E7E1; \\n  \\n  --teal-tint:#8fc7c7; --gold-tint:#ffc766; --lavender-tint:#c3b8e8; --melon-tint:#f7a08f;\\n  \\n  --teal-wash:color-mix(in srgb, var(--teal) 10%, transparent); --gold-wash:color-mix(in srgb, var(--gold) 10%, transparent);\\n  --lavender-wash:color-mix(in srgb, var(--lavender) 10%, transparent); --melon-wash:color-mix(in srgb, var(--melon) 10%, transparent);\\n  \\n  --transition-hover:.15s;   \\n  --transition-surface:.3s;  \\n  --ease:ease;               \\n  --ease-emphasized:cubic-bezier(.4,0,.2,1); \\n  \\n  --border-soft:rgba(63,57,52,0.12); --scrim:rgba(63,57,52,0.5); --fill-ghost:rgba(63,57,52,0.08);\\n  \\n  --shadow-sm:0 1px 3px rgba(63,57,52,.16); \\n  --shadow-card:0 10px 26px rgba(63,57,52,.08); --shadow-overlay:0 24px 44px rgba(63,57,52,.10);\\n  --shadow-modal:0 40px 80px -20px rgba(63,57,52,.45); \\n  \\n  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:44px; --space-8:56px;\\n  \\n  --space-hero-top:120px; --space-hero-bottom:180px; --space-hero-x:60px;\\n  \\n  --rail-w:160px; --rail-gap:56px;\\n  --content-max:760px;\\n  \\n  --measure:66ch; --measure-tight:54ch;\\n  --content-inset:calc(var(--rail-w) + var(--rail-gap)); \\n  --hiw-pad-right:calc(var(--site-max) - var(--gutter) - var(--content-inset) - var(--content-max));\";export function systemTokenVars(){return SYSTEM_TOKEN_VARS;}// The design-system CSS (~36KB). SiteNav renders systemStyles() = @font-face (tiny URL refs) + CSS as\n// a <style> in its JSX, so Framer bakes it into the static page HTML at publish = everything present at\n// FIRST paint = no unstyled flash and no font swap. Lives in this code file, so it updates on every\n// build push — no manual CDN upload, no pasted CSS, no base64.\nconst SYSTEM_CSS_ONLY=':root {\\n  --midnight:#3F3934; --greige:#F4F3EF; --teal:#5BAEAE; --lavender:#A99BD7;\\n  --teel:var(--teal); \\n  --text:var(--midnight); \\n  --melon:#F37560; --gold:#FEA000; --card:#fff; --border:#e5e2dd; --muted:#8a8480; --green:#4FA97F;\\n  --white:#fff; \\n  --on-dark-muted:#cfc9c2; \\n  --font-ui:\\'Helvetica Neue\\',-apple-system,BlinkMacSystemFont,\\'Segoe UI\\',sans-serif;\\n  --font-display:\\'PP Editorial New\\',Georgia,serif;\\n  --display-weight:500; \\n  --display-weight-light:200; \\n  --btn-font:14px; --btn-pad-y:9px; --btn-pad-x:18px; \\n  --btn-lg-font:16px; --btn-lg-pad-y:14px; --btn-lg-pad-x:28px; \\n  --header-h:64px;\\n  \\n  --site-max:1200px; --gutter:40px;\\n  --radius-control:9px; \\n  --radius-card:14px; \\n  --radius-modal:16px; \\n  --radius-pill:999px; \\n  \\n  --border-hairline:1px; --border-marker:2px; --border-accent:4px;\\n  \\n  --underline-offset:3px;\\n  \\n  --avatar-sm:34px; --avatar-md:60px;\\n  --warmer-greige:#E8E7E1; \\n  \\n  --teal-tint:#8fc7c7; --gold-tint:#ffc766; --lavender-tint:#c3b8e8; --melon-tint:#f7a08f;\\n  \\n  --teal-wash:color-mix(in srgb, var(--teal) 10%, transparent); --gold-wash:color-mix(in srgb, var(--gold) 10%, transparent);\\n  --lavender-wash:color-mix(in srgb, var(--lavender) 10%, transparent); --melon-wash:color-mix(in srgb, var(--melon) 10%, transparent);\\n  \\n  --transition-hover:.15s;   \\n  --transition-surface:.3s;  \\n  --ease:ease;               \\n  --ease-emphasized:cubic-bezier(.4,0,.2,1); \\n  \\n  --border-soft:rgba(63,57,52,0.12); --scrim:rgba(63,57,52,0.5); --fill-ghost:rgba(63,57,52,0.08);\\n  \\n  --shadow-sm:0 1px 3px rgba(63,57,52,.16); \\n  --shadow-card:0 10px 26px rgba(63,57,52,.08); --shadow-overlay:0 24px 44px rgba(63,57,52,.10);\\n  --shadow-modal:0 40px 80px -20px rgba(63,57,52,.45); \\n  \\n  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:44px; --space-8:56px;\\n  \\n  --space-hero-top:120px; --space-hero-bottom:180px; --space-hero-x:60px;\\n  \\n  --rail-w:160px; --rail-gap:56px;\\n  --content-max:760px;\\n  \\n  --measure:66ch; --measure-tight:54ch;\\n  --content-inset:calc(var(--rail-w) + var(--rail-gap)); \\n  --hiw-pad-right:calc(var(--site-max) - var(--gutter) - var(--content-inset) - var(--content-max)); \\n}\\n.materio *, .materio *::before, .materio *::after{ margin:0; padding:0; box-sizing:border-box; }\\n.materio{ scroll-behavior:smooth; }\\n.materio{ container-type: inline-size; font-family:var(--font-ui); color:var(--midnight);  -webkit-font-smoothing:antialiased; line-height:1.5; }\\n.materio a{ color:inherit; }\\n\\n\\n\\n\\n\\n\\n.materio .eyebrow{ display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:18px; }\\n.materio .eyebrow .pill{ background:var(--warmer-greige); color:var(--midnight); padding:4px 11px; border-radius:var(--radius-card); letter-spacing:.1em; }\\n\\n.materio .eyebrow--section{ color:var(--teel); margin-bottom:10px; }\\n\\n\\n.materio .btn-text{ font-size:14px; text-decoration:none; }\\n.materio .btn-text:hover{ color:var(--teal); }\\n\\n.materio .cta-inline{ display:inline-flex; align-items:center; gap:var(--space-2); width:max-content; font-size:var(--btn-font); font-weight:700; color:var(--midnight); text-decoration:none; border-bottom:var(--border-hairline) solid var(--border); padding-bottom:var(--space-2); transition:color var(--transition-hover) var(--ease), border-color var(--transition-hover) var(--ease); }\\n.materio .cta-inline::after{ content:\"→\"; }\\n.materio .cta-inline:hover{ color:var(--teal); border-bottom-color:var(--teal); }\\n.materio .btn-solid{ font-size:var(--btn-font); text-decoration:none; background:var(--teal); color:var(--card); padding:var(--btn-pad-y) var(--btn-pad-x); border-radius:var(--radius-control); font-weight:700; transition:filter var(--transition-hover) var(--ease); }\\n.materio .btn-solid:hover{ filter:brightness(0.95); }\\n\\n.materio .btn-install{ display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--btn-font); font-weight:700; line-height:1; text-decoration:none; background:var(--card); color:var(--teal); border:var(--border-hairline) solid var(--teal); padding:var(--space-2) var(--space-4); border-radius:var(--radius-control); transition:background var(--transition-hover) var(--ease), color var(--transition-hover) var(--ease); }\\n.materio .btn-install::before{ content:\"+\"; line-height:1; transform:translateY(-0.08em); }\\n.materio .btn-install:hover{ background:var(--teal); color:var(--card); }\\n.materio .btn-outline{ font-size:var(--btn-font); text-decoration:none; background:var(--card); color:var(--midnight); border:1px solid var(--border); padding:var(--btn-pad-y) var(--btn-pad-x); border-radius:var(--radius-control); font-weight:700; transition:border-color var(--transition-hover) var(--ease), color var(--transition-hover) var(--ease); }\\n.materio .btn-outline:hover{ border-color:var(--teal); color:var(--teal); }\\n.materio .btn-lg{ font-size:var(--btn-lg-font); padding:var(--btn-lg-pad-y) var(--btn-lg-pad-x); }\\n\\n\\n.materio .avatar{ flex:0 0 auto; border-radius:50%; overflow:hidden; background:var(--warmer-greige); }\\n.materio .avatar--sm{ width:var(--avatar-sm); height:var(--avatar-sm); }\\n.materio .avatar--md{ width:var(--avatar-md); height:var(--avatar-md); }\\n.materio .avatar--ring{ border:var(--border-marker) solid var(--white); box-shadow:var(--shadow-sm); }\\n\\n\\n.materio .tabs{ display:flex; gap:var(--space-6); overflow-x:auto; overflow-y:hidden; scrollbar-width:none; box-shadow:inset 0 calc(-1 * var(--border-marker)) 0 0 var(--border); }\\n.materio .tabs::-webkit-scrollbar{ display:none; }\\n.materio .tab{ flex:0 0 auto; display:inline-flex; align-items:center; padding:var(--space-4) 2px; font:inherit; font-size:15px; font-weight:500; color:var(--muted); background:none; border:0; text-decoration:none; white-space:nowrap; cursor:pointer; transition:color var(--transition-hover), box-shadow var(--transition-hover); }\\n.materio .tab:hover{ color:var(--midnight); }\\n.materio .tab.on{ color:var(--midnight); font-weight:700; box-shadow:inset 0 calc(-1 * var(--border-marker)) 0 0 var(--tab-active, var(--teal)); }\\n.materio .tab[aria-disabled=\"true\"]{ opacity:.4; cursor:not-allowed; }\\n\\n\\n\\n.materio .display-hero{ font-weight:var(--display-weight); font-size:clamp(36px,6vw,72px); line-height:1.06; letter-spacing:-.02em; }  \\n.materio .display-xl{ font-weight:var(--display-weight); font-size:clamp(38px,5vw,52px); line-height:1.06; letter-spacing:-.02em; }  \\n.materio .display-l{ font-weight:700; font-size:clamp(36px,4.5vw,46px); line-height:1.08; letter-spacing:-.02em; }                  \\n.materio .heading{ font-weight:700; font-size:29px; line-height:1.2; letter-spacing:-.015em; }                                   \\n.materio .title{ font-weight:700; font-size:18px; line-height:1.3; }                                                           \\n.materio .byline{ font-weight:700; font-size:14px; line-height:1.3; }                                                           \\n.materio .lede{ font-weight:400; font-size:19px; color:var(--text); line-height:1.55; }                                       \\n.materio .body-copy{ font-weight:400; font-size:16px; color:var(--text); line-height:1.65; }                                       \\n.materio .body-copy.dense{ font-size:14.5px; }                                                                                        \\n.materio .caption{ font-weight:400; font-size:14px; color:var(--text); line-height:1.4; }                                        \\n.materio .fine{ font-weight:400; font-size:12px; color:var(--muted); line-height:1.4; }                                       \\n.materio .display-hero em, .materio .display-xl em, .materio .display-l em, .materio .heading em{ font-family:var(--font-display); font-style:italic; font-weight:400; letter-spacing:-.01em; }\\n.materio .display-light{ font-weight:var(--display-weight-light); }  \\n\\n\\n\\n\\n.materio .page{ max-width:var(--site-max); margin:0 auto; padding:0 var(--gutter) 120px; display:grid; grid-template-columns:var(--rail-w) var(--rail-gap) minmax(0, var(--content-max)) 1fr; align-items:start; }\\n@container (max-width: 1024px){ .materio .page, .materio .site-header{ --gutter:20px; } }\\n@container (max-width: 860px){ .materio .page{ grid-template-columns:1fr; gap:0; } }\\n\\n\\n.materio .rail{ grid-column:1; position:sticky; top:calc(var(--header-h) + 20px); padding-top:44px; display:flex; flex-direction:column; min-height:58vh; }\\n.materio .rail-label{ font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:12px; }\\n.materio .rail a{ display:block; font-size:12px; color:var(--muted); text-decoration:none; padding:8px 12px; border-left:2px solid var(--border); line-height:1.35; }\\n.materio .rail a:hover{ color:var(--midnight); }\\n.materio .rail a.on{ color:var(--midnight); font-weight:700; border-left-color:var(--teel); }\\n@container (max-width: 860px){ .materio .rail{ display:none; } }\\n\\n\\n.materio .content{ grid-column:3; padding-top:44px; min-width:0; }\\n@container (max-width: 860px){ .materio .content{ grid-column:auto; } }\\n\\n\\n.materio .page--wide{ display:block; padding:44px var(--gutter) 120px calc(var(--gutter) + var(--content-inset)); }\\n\\n@container (max-width: 1199px){ .materio .page--wide{ --content-inset:0px; } }\\n\\n\\n\\n\\n\\n\\n.materio .ws-ribbon{ background:var(--midnight); color:var(--card); font-size:12px; letter-spacing:.02em; text-align:center; padding:4px 16px; }\\n.materio .ws-ribbon a{ color:var(--teel); text-decoration:none; font-weight:700; }\\n.materio .ws-ribbon a:hover{ text-decoration:underline; }\\n\\n\\n.materio .site-header{ position:sticky; top:0; z-index:50; transition:transform var(--transition-surface) var(--ease-emphasized), opacity var(--transition-surface) var(--ease-emphasized); }\\n.materio .nav-shell{ display:block; container-type:inline-size; }\\n\\n.materio .site-header::before{ content:\"\"; position:absolute; top:0; height:var(--sheet-h, var(--header-h)); left:calc(50% - 50vw); width:100vw; background:var(--greige); z-index:-1; transition:height var(--transition-hover) var(--ease); }\\n\\n.materio.nav-hidden .site-header{ transform:translateY(-100%); opacity:0; }\\n.materio .site-nav{ max-width:var(--site-max); margin:0 auto; height:var(--header-h); display:grid; grid-template-columns:var(--content-inset) auto 1fr auto; align-items:center; padding:0 var(--gutter); }\\n.materio .brand{ display:inline-flex; align-items:center; text-decoration:none; }\\n.materio .brand img{ height:21px; width:auto; display:block; }\\n.materio .nav-links{ display:flex; align-items:center; gap:24px; }\\n.materio .nav-link{ font-size:14px; color:var(--midnight); text-decoration:none; background:none; border:none; font-family:var(--font-ui); cursor:pointer; display:inline-flex; align-items:center; gap:4px; padding:8px 0; }\\n.materio .nav-link:hover{ color:var(--teel); }\\n.materio .nav-link .caret{ width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid var(--teel); display:inline-block; margin-top:2px; transition:transform var(--transition-hover) var(--ease); }\\n.materio .nav-link[aria-expanded=\"true\"]{ color:var(--teel); }\\n.materio .nav-link[aria-expanded=\"true\"] .caret{ transform:rotate(180deg); border-top-color:var(--teel); }\\n.materio .nav-link.active{ font-weight:700; }\\n.materio .nav-spacer{ flex:1; }\\n.materio .nav-cta{ display:flex; align-items:center; gap:16px; }\\n\\n@container (min-width: 1025px){\\n  .materio .nav-align-center .site-nav{ grid-template-columns:1fr auto 1fr; }\\n  .materio .nav-align-center .nav-spacer{ display:none; }\\n  .materio .nav-align-center .brand{ justify-self:start; }\\n  .materio .nav-align-center .nav-cta{ justify-self:end; }\\n}\\n\\n.materio .nav-drop-wrap{ position:relative; display:inline-flex; }\\n.materio .nav-drop{ position:absolute; top:100%; left:0; margin-top:12px; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-card); box-shadow:var(--shadow-overlay); padding:8px; min-width:190px; display:flex; flex-direction:column; gap:2px; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity var(--transition-hover) var(--ease), transform var(--transition-hover) var(--ease), visibility var(--transition-hover); z-index:60; }\\n.materio .nav-drop.open{ opacity:1; visibility:visible; transform:translateY(0); }\\n.materio .nav-drop a{ position:relative; padding:9px 12px; border-radius:var(--radius-control); font-size:14px; color:var(--midnight); text-decoration:none; transition:padding-left var(--transition-hover) var(--ease), color var(--transition-hover) var(--ease); }\\n.materio .nav-drop a::before{ content:\"\\\\2192\"; position:absolute; left:10px; top:50%; opacity:0; transform:translate(-6px,-50%); transition:opacity var(--transition-hover) var(--ease), transform var(--transition-hover) var(--ease); color:var(--teel); font-weight:700; }\\n.materio .nav-drop a:hover{ padding-left:28px; }\\n.materio .nav-drop a:hover::before{ opacity:1; transform:translate(0,-50%); }\\n\\n\\n.materio .nav-burger{ display:none; flex-direction:column; justify-content:center; align-items:center; gap:4px; width:40px; height:40px; padding:8px; background:none; border:none; cursor:pointer; justify-self:end; position:relative; z-index:60; }\\n.materio .nav-burger span{ display:block; height:2px; width:22px; background:var(--midnight); border-radius:2px; transform-origin:center; transition:transform var(--transition-surface) var(--ease-emphasized), opacity var(--transition-surface) var(--ease-emphasized); }\\n.materio .nav-burger[aria-expanded=\"true\"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); }\\n.materio .nav-burger[aria-expanded=\"true\"] span:nth-child(2){ opacity:0; transform:scaleX(.3); }\\n.materio .nav-burger[aria-expanded=\"true\"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }\\n\\n.materio .nav-demo-m{ display:none; align-items:center; transition:opacity var(--transition-surface) var(--ease-emphasized); }\\n.materio .site-header.menu-open .nav-demo-m{ opacity:0; visibility:hidden; pointer-events:none; }\\n\\n\\n\\n.materio .nav-drawer{ position:fixed; top:var(--header-h); left:0; right:0; bottom:0; z-index:45; background:rgba(244,243,239,0.975); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); opacity:0; visibility:hidden; transition:opacity var(--transition-surface) var(--ease-emphasized), visibility var(--transition-surface); }\\n.materio .nav-drawer.open{ opacity:1; visibility:visible; }\\n.materio .drawer-inner{ height:100%; max-width:var(--site-max); margin:0 auto; padding:32px var(--gutter) 32px; display:flex; flex-direction:column; overflow-y:auto; -webkit-overflow-scrolling:touch; }\\n.materio .drawer-nav{ flex:1 1 auto; display:flex; flex-direction:column; }\\n.materio .drawer-link, .materio .drawer-acc > summary{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; font-size:25px; font-weight:700; letter-spacing:-.015em; color:var(--midnight); text-decoration:none; border-bottom:1px solid var(--border); cursor:pointer; list-style:none; }\\n.materio .drawer-link:hover, .materio .drawer-acc > summary:hover{ color:var(--teel); }\\n.materio .drawer-acc > summary::-webkit-details-marker{ display:none; }\\n.materio .drawer-acc > summary::after{ content:\"\"; flex:0 0 auto; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid var(--muted); transition:transform var(--transition-hover) var(--ease); }\\n.materio .drawer-acc[open] > summary::after{ transform:rotate(180deg); }\\n.materio .drawer-acc-body{ padding:4px 0 16px; display:flex; flex-direction:column; }\\n.materio .drawer-eyebrow{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin:16px 0 8px; }\\n.materio .drawer-acc-body a{ padding:12px 0 12px 16px; font-size:16px; color:var(--midnight); text-decoration:none; }\\n.materio .drawer-acc-body a:hover{ color:var(--teel); }\\n.materio .drawer-acc-body .drawer-overview{ color:var(--teel); font-weight:700; padding-left:0; margin-top:12px; }\\n.materio .drawer-cta{ flex:0 0 auto; padding-top:28px; display:flex; flex-direction:column; gap:12px; }\\n.materio .drawer-cta-row{ display:flex; gap:12px; }\\n.materio .drawer-cta-row > a{ flex:1; text-align:center; padding:16px 12px; font-size:15px; border-radius:var(--radius-control); }\\n.materio .drawer-login{ text-align:center; font-size:15px; padding:8px 0 0; }\\n.materio .drawer-login:hover{ color:var(--teel); }\\n\\n.materio .drawer-nav > *, .materio .drawer-cta{ opacity:0; transform:translateY(8px); transition:opacity var(--transition-hover) var(--ease), transform var(--transition-hover) var(--ease); }\\n.materio .nav-drawer.open .drawer-nav > *, .materio .nav-drawer.open .drawer-cta{ opacity:1; transform:translateY(0); }\\n\\n.materio .nav-drawer.open .drawer-nav > *:nth-child(1){ transition-delay:.02s; }\\n.materio .nav-drawer.open .drawer-nav > *:nth-child(2){ transition-delay:.04s; }\\n.materio .nav-drawer.open .drawer-nav > *:nth-child(3){ transition-delay:.06s; }\\n.materio .nav-drawer.open .drawer-nav > *:nth-child(4){ transition-delay:.08s; }\\n.materio .nav-drawer.open .drawer-nav > *:nth-child(n+5){ transition-delay:.10s; }\\n.materio .nav-drawer.open .drawer-cta{ transition-delay:.12s; }\\n\\n\\n@container (max-width: 1024px){\\n  .materio .site-nav{ grid-template-columns:1fr auto auto; gap:12px; }\\n  .materio .nav-links, .materio .nav-spacer, .materio .nav-cta{ display:none; }\\n  .materio .nav-demo-m, .materio .nav-burger{ display:inline-flex; }\\n  .materio .mega{ display:none; } \\n}\\n\\n\\n\\n.materio .mega{ position:absolute; top:100%; left:calc(50% - 50vw); width:100vw; background:var(--greige); border-bottom:var(--border-hairline) solid var(--border); box-shadow:var(--shadow-overlay); opacity:0; visibility:hidden; transition:opacity var(--transition-hover) var(--ease), visibility var(--transition-hover); }\\n.materio .mega.open{ opacity:1; visibility:visible; transition:opacity var(--transition-hover) var(--ease) .12s, visibility 0s; }\\n.materio .mega-inner{ max-width:var(--site-max); margin:0 auto; padding:24px var(--gutter) 32px; display:grid; grid-template-columns:1fr 1fr; gap:44px; }\\n.materio .mega-col > .mega-eyebrow{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:16px; }\\n.materio .mega-group{ display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; }\\n.materio .mega-phase{ margin-bottom:16px; }\\n.materio .mega-phase:last-child{ margin-bottom:0; }\\n.materio .mega-phase-head{ display:flex; align-items:baseline; gap:8px; text-decoration:none; margin-bottom:8px; }\\n.materio .mega-phase-name{ font-size:14px; font-weight:700; }\\n.materio .mega-phase-name:hover{ color:var(--teel); }\\n.materio .mega-feats{ display:flex; flex-direction:column; gap:3px; padding-left:12px; }\\n\\n.materio .mega-feat{ position:relative; font-size:13px; color:var(--muted); text-decoration:none; padding:2px 0; transition:padding-left var(--transition-hover) var(--ease), color var(--transition-hover) var(--ease); }\\n.materio .mega-feat::before{ content:\"\\\\2192\"; position:absolute; left:-12px; top:50%; opacity:0; transform:translate(-6px,-50%); transition:opacity var(--transition-hover) var(--ease), transform var(--transition-hover) var(--ease); color:var(--teel); font-weight:700; }\\n.materio .mega-feat:hover{ color:var(--midnight); padding-left:8px; }\\n.materio .mega-feat:hover::before{ opacity:1; transform:translate(0,-50%); }\\n.materio .mega-feat .tm{ color:var(--teel); }\\n\\n.materio .mega-narrative{ padding:24px 24px 24px; max-width:1200px; margin:0 auto; }\\n.materio .mega-band{ padding-bottom:16px; }\\n.materio .mega-band + .mega-band{ border-top:1px solid var(--border); padding-top:16px; }\\n.materio .mega-band .mega-eyebrow{ margin-bottom:12px; }\\n.materio .pipeline{ display:flex; align-items:stretch; }\\n.materio .pl-step{ flex:1; display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; padding:12px 16px; border-radius:var(--radius-card); transition:background var(--transition-hover) var(--ease); }\\n.materio .pl-step:hover{ background:var(--greige); }\\n.materio .pl-num{ font-family:var(--font-display); font-style:italic; font-size:19px; color:var(--teel); width:34px; height:34px; border:1.5px solid var(--teel); border-radius:50%; display:flex; align-items:center; justify-content:center; }\\n.materio .pl-name{ font-size:14px; font-weight:700; margin-top:9px; }\\n.materio .pl-micro{ font-size:12px; color:var(--muted); margin-top:2px; }\\n.materio .pl-conn{ align-self:flex-start; margin-top:24px; height:1.5px; width:20px; background:var(--border); flex:0 0 auto; }\\n@container (max-width: 860px){ .materio .pipeline{ flex-direction:column; } .materio .pl-conn{ display:none; } }\\n.materio .layer-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }\\n.materio .lr-item{ display:flex; align-items:center; gap:12px; text-decoration:none; padding:12px 16px; border:1px solid var(--border); border-radius:var(--radius-card); transition:border-color var(--transition-hover) var(--ease), background var(--transition-hover) var(--ease); }\\n.materio .lr-item:hover{ border-color:var(--teel); background:var(--greige); }\\n.materio .lr-dot{ width:9px; height:9px; border-radius:50%; background:var(--lavender); flex-shrink:0; }\\n.materio .lr-text{ display:flex; flex-direction:column; }\\n.materio .lr-name{ font-size:14px; font-weight:700; }\\n.materio .lr-micro{ font-size:12px; color:var(--muted); }\\n@container (max-width: 860px){ .materio .layer-row{ grid-template-columns:1fr; } }\\n\\n.materio .mega-foot{ border-top:1px solid var(--border); margin-top:2px; }\\n.materio .mega-foot-inner{ max-width:var(--site-max); margin:0 auto; padding:12px var(--gutter); display:flex; gap:24px; font-size:13px; }\\n.materio .mega-foot-inner a{ color:var(--muted); text-decoration:none; }\\n.materio .mega-foot-inner a:hover{ color:var(--teel); }\\n\\n\\n\\n.materio .res-mega-inner{ grid-template-columns:1fr 400px; gap:72px; align-items:start; padding-top:56px; padding-bottom:60px; }\\n\\n.materio .res-links{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; grid-auto-flow:column; gap:56px 64px; align-content:start; }\\n.materio .res-link{ display:block; text-decoration:none; color:var(--midnight); }\\n.materio .res-link-title{ font-size:16px; font-weight:700; }\\n.materio .res-link:hover .res-link-title{ color:var(--teel); }\\n.materio .res-link-desc{ font-size:13px; color:var(--muted); margin-top:8px; line-height:1.55; max-width:34ch; }\\n\\n.materio .res-hero{ display:flex; flex-direction:column; text-decoration:none; color:var(--midnight); }\\n.materio .res-hero-art{ background:var(--warmer-greige); border:1px solid var(--border); border-radius:16px; padding:40px 4px 16px; transition:border-color var(--transition-hover) var(--ease); }\\n.materio .res-hero:hover .res-hero-art{ border-color:var(--teel); }\\n.materio .res-hero-art img{ width:100%; height:auto; display:block; }\\n.materio .res-hero-copy{ margin-top:24px; display:flex; flex-direction:column; align-items:flex-start; }\\n.materio .res-hero-copy .mega-eyebrow{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin:0 0 8px; }\\n.materio .res-hero-title{ font-size:19px; font-weight:700; letter-spacing:-.01em; margin:0 0 8px; }\\n.materio .res-hero:hover .res-hero-title{ color:var(--teel); }\\n.materio .res-hero-desc{ font-size:14px; color:var(--muted); line-height:1.55; }\\n.materio .res-hero-cta{ font-size:14px; font-weight:700; color:var(--teel); margin-top:18px; }\\n.materio .res-hero:hover .res-hero-cta{ text-decoration:underline; text-underline-offset:3px; }\\n\\n\\n\\n\\n.materio .toc{ display:none; position:sticky; top:calc(var(--header-h) + 10px); z-index:40; margin-bottom:24px; border:1px solid var(--border); border-radius:var(--radius-card); background:rgba(255,255,255,.72); backdrop-filter:blur(12px) saturate(1.3); -webkit-backdrop-filter:blur(12px) saturate(1.3); transition:top var(--transition-surface) var(--ease-emphasized); }\\n.materio.nav-hidden .toc{ top:10px; }\\n\\n.materio .toc[open]{ background:rgba(255,255,255,.94); box-shadow:var(--shadow-overlay); }\\n.materio .toc summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }\\n.materio .toc summary::-webkit-details-marker{ display:none; }\\n.materio .toc summary::after{ content:\"+\"; font-size:15px; line-height:1; flex-shrink:0; }\\n.materio .toc[open] summary::after{ content:\"\\\\2013\"; }\\n.materio .toc-k{ flex-shrink:0; }\\n.materio .toc-cur{ color:var(--midnight); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\\n.materio .toc-links{ padding:0 16px 8px; }\\n.materio .toc-links a{ display:block; padding:12px 0; font-size:14px; color:var(--midnight); text-decoration:none; border-top:1px solid var(--border); }\\n.materio .toc-links a.on{ font-weight:700; color:var(--teel); }\\n@container (max-width: 860px){\\n  .materio .toc{ display:block; }\\n  .materio .wayfinding{ margin-bottom:16px; }\\n}\\n\\n\\n.materio .wayfinding{ padding-top:24px; margin-bottom:32px; }\\n.materio .breadcrumb{ font-size:12px; color:var(--muted); display:flex; align-items:center; gap:8px; }\\n.materio .breadcrumb a{ text-decoration:none; color:var(--muted); }\\n.materio .breadcrumb a:hover{ color:var(--teel); }\\n.materio .breadcrumb .sep{ opacity:.55; }\\n.materio .breadcrumb .wf-current{ color:var(--midnight); font-weight:700; }\\n\\n\\n\\n.materio .rail-next{ margin-top:auto; padding:44px 12px 4px; font-size:11px; color:var(--muted); text-decoration:none; }\\n.materio .rail-next:hover{ color:var(--midnight); }\\n.materio .rail-next b{ display:block; font-size:12px; color:var(--midnight); margin-top:2px; }\\n\\n\\n.materio .phase-nav{ display:flex; gap:16px; margin-top:44px; padding-top:24px; border-top:1px solid var(--border); }\\n.materio .pn-side{ flex:1; } .materio .pn-side.right{ text-align:right; }\\n.materio .pn-link{ display:inline-flex; align-items:center; gap:12px; text-decoration:none; border:1px solid var(--border); border-radius:var(--radius-card); padding:16px 24px; background:var(--card); transition:transform var(--transition-hover) var(--ease), box-shadow var(--transition-hover) var(--ease), border-color var(--transition-hover) var(--ease); max-width:100%; }\\n.materio .pn-link:hover{ transform:translateY(-2px); box-shadow:var(--shadow-card); border-color:var(--teel); }\\n.materio .pn-dir{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }\\n.materio .pn-name{ font-size:16px; font-weight:700; }\\n\\n\\n.materio .phase-hero{ margin-bottom:44px; max-width:760px; }\\n.materio .phase-kicker{ display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:18px; }\\n\\n.materio .phase-kicker .pill{ background:var(--gold); color:var(--midnight); padding:4px 12px; border-radius:var(--radius-card); letter-spacing:.1em; }\\n.materio .phase-kicker .layer{ background:var(--gold); }\\n.materio .phase-hero h1{ font-weight:700; font-size:clamp(36px,4.5vw,46px); line-height:1.08; letter-spacing:-.02em; }\\n.materio .phase-hero h1 em{ font-family:var(--font-display); font-style:italic; font-weight:400; letter-spacing:-.01em; }\\n.materio .phase-hero .sub{ font-size:18px; color:var(--midnight); margin-top:16px; line-height:1.55; }\\n\\n.materio .phase-hero::after{ content:\\'\\'; display:block; width:56px; height:4px; background:var(--gold); border-radius:2px; margin-top:28px; }\\n\\n\\n.materio .feature{ scroll-margin-top:calc(var(--header-h) + 18px); padding:44px 0; border-top:1px solid var(--border); }\\n\\n@container (max-width: 860px){ .materio .feature{ scroll-margin-top:calc(var(--header-h) + 62px); } }\\n.materio .feature:first-of-type{ border-top:none; }\\n.materio .feature-kicker{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--teel); margin-bottom:12px; }\\n.materio .feature h2{ font-weight:700; font-size:29px; line-height:1.2; letter-spacing:-.015em; }\\n.materio .feature h2 .tm{ color:var(--teel); font-size:16px; vertical-align:super; }\\n\\n.materio .feature-head{ display:flex; justify-content:space-between; align-items:center; gap:var(--space-5); flex-wrap:wrap; }\\n.materio .feature-cta{ display:flex; gap:var(--space-3); flex-wrap:wrap; }\\n.materio .feature-lede{ font-size:18px; color:var(--midnight); line-height:1.55; margin-top:12px; max-width:660px; }\\n\\n.materio .shot{ margin:24px 0; background:var(--greige); border:1px dashed var(--border); border-radius:var(--radius-card); min-height:200px; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--muted); font-size:13px; padding:24px; }\\n.materio .shot .shot-tag{ max-width:440px; }\\n.materio .shot .shot-tag b{ color:var(--midnight); }\\n\\n.materio .blocks{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:24px; }\\n@container (max-width: 600px){ .materio .blocks{ grid-template-columns:1fr; } }\\n.materio .phase-hero .sub + .sub{ margin-top:12px; }\\n.materio .feature-lede + .feature-lede{ margin-top:8px; }\\n\\n.materio .blocks.tabs{ display:block; margin-top:var(--space-6); box-shadow:none; }\\n\\n.materio .blocks.tabs .block{ display:none; background:none; border:none; border-radius:0; margin-top:var(--space-5); }\\n.materio .blocks.tabs .block.on{ display:block; }\\n.materio .blocks.tabs .block h3{ display:none; }\\n.materio .blocks.tabs .block p{ font-size:16px; line-height:1.55; color:var(--midnight); max-width:var(--measure); }\\n.materio .blocks.tabs .block p + p{ margin-top:var(--space-3); }\\n.materio .block{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius-card); padding:18px 18px 24px; }\\n.materio .block h3{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\\n.materio .block h3::before{ content:\"\"; width:8px; height:8px; border-radius:50%; }\\n.materio .block-what h3::before{ background:var(--teel); }\\n.materio .block-diff h3::before{ background:var(--gold); }\\n.materio .block-scope h3::before{ background:var(--lavender); }\\n.materio .block p{ font-size:14px; color:var(--midnight); }\\n.materio .block p + p{ margin-top:9px; }\\n.materio .block.todo p{ color:var(--muted); font-style:italic; }\\n\\n\\n.materio .tier{ display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--midnight); background:var(--gold); border-radius:var(--radius-card); padding:3px 9px; margin-left:12px; vertical-align:middle; }\\n.materio .soon{ background:var(--card); color:var(--gold); border:1px solid rgba(254,160,0,.4); }\\n\\n.materio .draft-note{ background:#fff8ec; border:1px solid rgba(254,160,0,.35); color:#8a6a1f; font-size:13px; border-radius:var(--radius-card); padding:12px 16px; margin-bottom:32px; }\\n\\n\\n.materio .hiw{ max-width:var(--site-max); margin:0 auto; padding:8px var(--hiw-pad-right) 120px calc(var(--gutter) + var(--content-inset)); }\\n@container (max-width: 860px){ .materio .hiw{ padding-left:var(--gutter); padding-right:var(--gutter); } }\\n.materio .hiw-hero{ padding:56px 0 32px; max-width:800px; }\\n.materio .hiw-hero .phase-kicker{ margin-bottom:24px; }\\n.materio .hiw-hero h1{ font-weight:700; font-size:clamp(38px,5vw,52px); line-height:1.06; letter-spacing:-.02em; }\\n.materio .hiw-hero h1 em{ font-family:var(--font-display); font-style:italic; font-weight:400; letter-spacing:-.01em; }\\n.materio .hiw-hero .sub{ font-size:19px; color:var(--midnight); margin-top:18px; line-height:1.55; }\\n.materio .hiw-hero::after{ content:\\'\\'; display:block; width:56px; height:4px; background:var(--gold); border-radius:2px; margin-top:32px; }\\n\\n\\n.materio .hiw-phase{ padding:32px 0; border-top:1px solid var(--border); scroll-margin-top:82px; }\\n.materio .hiw-phase-body .kicker{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--teel); margin-bottom:8px; }\\n.materio .hiw-phase-body h2{ font-weight:700; font-size:29px; line-height:1.2; letter-spacing:-.015em; }\\n\\n.materio .hiw-feats{ list-style:none; margin:24px 0 0; display:flex; gap:24px; overflow-x:auto; overflow-y:visible; scrollbar-width:none; padding-bottom:4px;\\n  \\n  margin-left:calc(-1 * (max((100vw - var(--site-max)) / 2, 0px) + var(--gutter) + var(--content-inset)));\\n  margin-right:calc(-1 * (max((100vw - var(--site-max)) / 2, 0px) + var(--hiw-pad-right)));\\n  padding-left:calc(max((100vw - var(--site-max)) / 2, 0px) + var(--gutter) + var(--content-inset));\\n  scroll-padding-left:calc(max((100vw - var(--site-max)) / 2, 0px) + var(--gutter) + var(--content-inset)); }\\n.materio .hiw-feats::-webkit-scrollbar{ display:none; }\\n.materio .hiw-feats li{ flex:0 0 340px; font-size:14px; color:var(--midnight); line-height:1.5; }\\n.materio .hiw-feats li:last-child{ padding-right:var(--gutter); box-sizing:content-box; } \\n\\n.materio .feat-img{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:top center; border-radius:var(--radius-card); margin-bottom:12px; background:var(--warmer-greige); }\\n.materio .feat-ph{ border:1px dashed var(--border); display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px; }\\n\\n.materio .shot, .materio .feat-ph{ display:none; }\\n@container (max-width: 860px){ .materio .hiw-feats{ margin-left:calc(-1 * var(--gutter)); margin-right:calc(-1 * var(--gutter)); padding-left:var(--gutter); } .materio .hiw-feats li{ flex-basis:280px; } }\\n.materio .hiw-feats li b{ display:block; font-weight:700; color:var(--midnight); margin-bottom:2px; }\\n\\n.materio .hiw-more{ display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-size:15px; font-weight:700; color:var(--melon); text-decoration:none; }\\n.materio .hiw-more:hover{ text-decoration:underline; text-underline-offset:3px; }\\n@container (max-width: 600px){ .materio .hiw-feats{ grid-template-columns:1fr; } }\\n\\n.materio .hiw-layers{ padding:40px 0 8px; border-top:2px solid var(--midnight); margin-top:16px; }\\n.materio .hiw-layers .eyebrow{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:8px; }\\n.materio .hiw-layers h2{ font-weight:700; font-size:29px; line-height:1.2; letter-spacing:-.015em; margin-bottom:8px; }\\n.materio .hiw-layers h2 em{ font-family:var(--font-display); font-style:italic; font-weight:400; }\\n.materio .hiw-layers .intro{ font-size:16px; color:var(--midnight); line-height:1.55; max-width:60ch; margin-bottom:24px; }\\n.materio .hiw-layer-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }\\n.materio .hiw-layer-card{ display:block; background:var(--card); border:1px solid var(--border); border-radius:var(--radius-card); padding:18px; text-decoration:none; transition:transform var(--transition-hover) var(--ease), box-shadow var(--transition-hover) var(--ease), border-color var(--transition-hover) var(--ease); }\\n.materio .hiw-layer-card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-card); border-color:var(--teel); }\\n.materio .hiw-layer-card .ldot{ width:10px; height:10px; border-radius:50%; background:var(--lavender); display:inline-block; }\\n.materio .hiw-layer-card h3{ font-size:18px; font-weight:700; margin:12px 0 8px; }\\n.materio .hiw-layer-card p{ font-size:13px; color:var(--muted); line-height:1.5; }\\n.materio .hiw-layer-card .more{ font-size:12px; font-weight:700; color:var(--teel); margin-top:12px; display:inline-block; }\\n@container (max-width: 600px){ .materio .hiw-layer-grid{ grid-template-columns:1fr; } }\\n\\n\\n.materio .hiw-cta{ text-align:center; background:var(--midnight); color:var(--card); border-radius:20px; padding:56px 32px; margin-top:56px; }\\n.materio .hiw-cta h2{ font-weight:700; font-size:clamp(26px,3.6vw,34px); letter-spacing:-.015em; }\\n.materio .hiw-cta h2 em{ font-family:var(--font-display); font-style:italic; font-weight:400; }\\n.materio .hiw-cta .sub{ color:var(--on-dark-muted); font-size:15px; margin:12px 0 24px; }\\n.materio .hiw-cta .btn-solid{ background:var(--gold); color:var(--midnight); font-size:15px; padding:12px 24px; border-radius:var(--radius-control); }\\n.materio .hiw-cta .btn-solid:hover{ background:var(--gold); filter:brightness(1.05); }';export function systemStyles(){return SYSTEM_FONTS+\"\\n\"+SYSTEM_CSS_ONLY;}let injected=false;export function ensureSystemStyles(){if(injected||typeof document===\"undefined\")return;injected=true;// SiteNav renders the fonts + CSS into the page head at first paint (systemStyles()). This is now\n// only a fallback: on a page with no nav, inject the whole stylesheet so it isn't left unstyled.\nif(document.getElementById(\"materio-system-head\"))return;const el=document.createElement(\"style\");el.id=\"materio-system-head\";el.textContent=SYSTEM_FONTS+\"\\n\"+SYSTEM_CSS_ONLY;document.head.appendChild(el);}\nexport const __FramerMetadata__ = {\"exports\":{\"systemStyles\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ensureSystemStyles\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"systemTokenVars\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MaterioSystem.map"],"mappings":"oDAY6sE,SAAgB,GAAiB,CAAC,OAAO,CAAkB,CAI0rjC,SAAgB,GAAc,CAAC,MAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFAAkC,CAAoB,SAAgB,GAAoB,CAElkoC,GAFskoC,GAAU,OAAO,SAAW,MAAmB,EAAS,GAE3noC,SAAS,eAAe,qBAAqB,GAAE,OAAO,IAAM,EAAG,SAAS,cAAc,OAAO,EAAE,EAAG,GAAG,sBAAsB,EAAG,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wFAAkC,SAAS,KAAK,YAAY,CAAE,CAAE,mBANvM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sGAIu/nC,EAAS"}