:root,[data-theme=dark]{--signal-bg: #23272f;--signal-bg-elevated: #2a303a;--signal-bg-panel: #2e3540;--signal-ink: #e8edf4;--signal-ink-muted: #b4becc;--signal-ink-faint: #8b96a8;--signal-accent: #00968c;--signal-accent-dim: #00968c33;--signal-accent-glow: #00968c66;--mates-brand-gradient: linear-gradient(135deg, #2d8f4e, #00b3a8, #1bb8d0);--signal-line: #1a2535;--chrome-height: 4.25rem;--signal-scan: linear-gradient( 180deg, transparent 0%, #00968c08 48%, transparent 100% );--font-display: "Instrument Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-signal: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration-med: .42s;--duration-slow: .9s;--signal-grid-line: rgba(232, 237, 244, .04)}[data-theme=light]{--signal-bg: #ffffff;--signal-bg-elevated: #ffffff;--signal-bg-panel: #f7f8fa;--signal-ink: #0a0e14;--signal-ink-muted: #3a4252;--signal-ink-faint: #5c6678;--signal-accent: #00968c;--signal-accent-dim: #00968c22;--signal-accent-glow: #00968c44;--signal-line: #d8dee8;--chrome-height: 4.25rem;--mates-brand-gradient: linear-gradient(135deg, #2d8f4e, #00b3a8, #1bb8d0);--signal-scan: linear-gradient( 180deg, transparent 0%, #009e8a0a 48%, transparent 100% );--signal-grid-line: rgba(10, 14, 20, .045)}*,*:before,*:after{box-sizing:border-box}html{--root-type-scale: 1.14;--site-zoom: 1.1;--app-dvh: calc(100dvh / var(--site-zoom));font-size:calc(100% * var(--root-type-scale));zoom:var(--site-zoom);overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#00968c transparent}html:has(.pg-shell),html:has(.examples-shell){height:var(--app-dvh);overflow:hidden}html:has(.pg-shell) body,html:has(.examples-shell) body{height:var(--app-dvh);overflow:hidden}@media(min-width:901px){html:has(.docs-shell){height:var(--app-dvh);overflow:hidden}html:has(.docs-shell) body{height:var(--app-dvh);overflow:hidden}}body{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--signal-ink);background:var(--signal-bg);-webkit-font-smoothing:antialiased;font-stretch:normal;overflow-x:hidden;max-width:100%}*{scrollbar-width:thin;scrollbar-color:#00968c transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#00968c;border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#007a72;border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}html:has(.docs-shell),html:has(.docs-shell) *,.docs-shell,.docs-shell *{scrollbar-width:thin;scrollbar-color:rgba(18,32,38,.32) transparent}html:has(.docs-shell) *::-webkit-scrollbar,.docs-shell *::-webkit-scrollbar{width:8px;height:8px}html:has(.docs-shell) *::-webkit-scrollbar-track,.docs-shell *::-webkit-scrollbar-track{background:transparent}html:has(.docs-shell) *::-webkit-scrollbar-thumb,.docs-shell *::-webkit-scrollbar-thumb{background:#12202652;border-radius:99px;border:2px solid transparent;background-clip:padding-box}html:has(.docs-shell) *::-webkit-scrollbar-thumb:hover,.docs-shell *::-webkit-scrollbar-thumb:hover{background:#12202680;border-radius:99px;border:2px solid transparent;background-clip:padding-box}html[data-theme=dark]:has(.docs-shell),html[data-theme=dark]:has(.docs-shell) *,[data-theme=dark] .docs-shell,[data-theme=dark] .docs-shell *{scrollbar-color:rgba(232,237,244,.32) transparent}html[data-theme=dark]:has(.docs-shell) *::-webkit-scrollbar-thumb,[data-theme=dark] .docs-shell *::-webkit-scrollbar-thumb{background:#e8edf452}html[data-theme=dark]:has(.docs-shell) *::-webkit-scrollbar-thumb:hover,[data-theme=dark] .docs-shell *::-webkit-scrollbar-thumb:hover{background:#e8edf480}.signal-display{font-family:var(--font-display);font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.02em}#app{min-height:100vh;min-height:100dvh;max-width:100%;overflow-x:hidden}#app:has(.examples-shell),#app:has(.pg-shell){height:var(--app-dvh);min-height:0;overflow:hidden}@media(min-width:901px){#app:has(.docs-shell){height:var(--app-dvh);min-height:0;overflow:hidden}}img,svg,video{max-width:100%;height:auto}.signal-page{position:relative}.section-grid{position:relative;isolation:isolate}.section-grid:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--signal-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--signal-grid-line) 1px,transparent 1px);background-size:48px 48px;background-position:center top}.section-grid>*{position:relative;z-index:1}main{position:relative;z-index:1}a{color:inherit;text-decoration:none}.section-label{margin:0 0 .5rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-accent)}.chrome{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,4vw,3rem);padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-bottom:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chrome-menu,.chrome-nav-backdrop{display:none}@media(max-width:720px){.chrome{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:.65rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:.75rem;--chrome-height: 6.75rem}.chrome-mark{grid-column:2;grid-row:1;justify-self:center;flex:none;min-width:0}.chrome-mark__text{display:none}.chrome-actions{grid-column:3;grid-row:1;justify-self:end;flex:none;margin-left:0}.chrome-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:.35rem 1rem;padding-top:.5rem;margin-top:.15rem;border-top:1px solid var(--signal-line)}.chrome-nav__link{font-size:.85rem}.chrome-cta .md-button-label{font-size:.75rem;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2}.chrome-cta.md-button-root{height:auto;min-height:2rem;max-width:5.5rem;padding-inline:.5rem;white-space:normal;overflow:visible}}.chrome-nav{display:flex;align-items:center;justify-content:center;gap:1.25rem}.chrome-nav__link{font-size:.95rem;color:var(--signal-ink-muted);transition:color var(--duration-fast) ease}.chrome-nav__link:hover{color:var(--signal-accent)}.chrome-mark{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1rem;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:.02em}.chrome-mark__logo{object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,179,168,.35))}.chrome-mark__text{background:var(--mates-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chrome-mark__glyph{color:var(--signal-accent);font-size:1.1rem}.chrome-actions{display:flex;align-items:center;gap:.5rem}.chrome-stackblitz{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;color:var(--signal-ink-muted);transition:color .15s ease,background .15s ease}.chrome-stackblitz:hover{color:var(--signal-ink);background:color-mix(in srgb,var(--signal-ink) 8%,transparent)}.hero{min-height:calc(100vh - var(--chrome-height));min-height:calc(100dvh - var(--chrome-height));padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,4vw,3rem);display:flex;align-items:center}.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);width:100%;max-width:1200px;margin:0 auto;align-items:center}.hero__copy,.hero__visual{min-width:0}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}}@media(max-width:600px){.hero{min-height:auto;padding-top:1.5rem;padding-bottom:2rem}.hero__eyebrow{display:none}.hero__logo-group{justify-content:center}.hero__brand{font-size:clamp(2.25rem,14vw,3.25rem);line-height:1.05;padding-bottom:.06em;margin-inline:auto;text-align:center}.hero__claim{font-size:1.15rem}.hero__support{max-width:none}.hero__ctas{flex-direction:column;align-items:stretch;margin-top:1.5rem;gap:.5rem}.hero__ctas .md-button-root{flex:none;width:100%;max-width:100%;height:auto;min-height:2.75rem;padding-block:.65rem;white-space:normal;overflow:visible}.hero__ctas .md-button-label{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.25;text-align:center}.hero__install code{display:block;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.patch-demo__count{font-size:2.75rem}}.hero__eyebrow{margin:0 0 1rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--signal-ink-muted)}.hero__logo-group{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-bottom:.25rem}.mates-logo{height:clamp(3.5rem,10vw,4.5rem);width:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(0,179,168,.35))}[data-theme=light] .mates-logo{filter:drop-shadow(0 0 16px rgba(45,143,78,.25))}.hero__brand{margin:0;font-family:var(--font-display);font-size:clamp(3rem,10vw,5.5rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;line-height:.95;letter-spacing:-.03em;width:fit-content;max-width:100%;background:var(--mates-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__claim{margin:.75rem 0 0;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.02em;color:var(--signal-ink)}.hero__support{margin:1rem 0 0;max-width:28rem;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.7}.hero__support-src{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--signal-ink-muted);text-decoration:none;border-bottom:1px solid var(--signal-line);transition:color .15s ease,border-color .15s ease}.hero__support-src:hover{color:var(--signal-accent);border-color:var(--signal-accent)}.hero__install{margin:1.25rem 0 0}.hero__install code{font-family:var(--font-mono);font-size:.85rem;color:var(--signal-accent);padding:.5rem .75rem;border:1px solid var(--signal-line);border-radius:2px;background:var(--signal-bg-panel)}.hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-cta-primary .md-button{--md-color-primary: var(--signal-accent)}.hero__visual{position:relative}.hero__visual-frame{position:absolute;inset:-12px;pointer-events:none}.hero__corner{position:absolute;width:24px;height:24px;border-color:var(--signal-accent);border-style:solid;opacity:.6}.hero__corner--tl{top:0;left:0;border-width:2px 0 0 2px}.hero__corner--tr{top:0;right:0;border-width:2px 2px 0 0}.hero__corner--bl{bottom:0;left:0;border-width:0 0 2px 2px}.hero__corner--br{bottom:0;right:0;border-width:0 2px 2px 0}.patch-demo{background:var(--signal-bg-panel);border:1px solid var(--signal-line);border-radius:4px;padding:1.25rem;transition:box-shadow var(--duration-med) var(--ease-signal)}.patch-demo--pulse{box-shadow:0 0 0 1px var(--signal-accent-dim),0 0 32px var(--signal-accent-glow)}.patch-demo__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.patch-demo__label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-accent)}.patch-demo__stat{display:flex;align-items:baseline;gap:.5rem}.patch-demo__stat-key{font-size:.65rem;color:var(--signal-ink-faint);text-transform:uppercase;letter-spacing:.05em}.patch-demo__stat-val{font-family:var(--font-display);font-size:1.25rem;font-weight:700;font-stretch:normal;letter-spacing:-.02em;color:var(--signal-accent);font-variant-numeric:tabular-nums}.patch-demo__stage{position:relative;min-height:140px;display:flex;align-items:center;justify-content:center;background:var(--signal-bg-elevated);border-radius:2px;overflow:hidden}.patch-demo__signal{position:absolute;inset:0;opacity:.35}.patch-demo__signal svg{width:100%;height:100%}.patch-demo__line{fill:none;stroke:var(--signal-accent);stroke-width:1.5;stroke-dasharray:600;stroke-dashoffset:600;animation:signal-draw var(--duration-slow) var(--ease-signal) forwards}@keyframes signal-draw{to{stroke-dashoffset:0}}.patch-demo__counter{position:relative;z-index:1;text-align:center}.patch-demo__count{display:block;font-family:var(--font-display);font-size:3.5rem;font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.03em;line-height:1;color:var(--signal-ink);font-variant-numeric:tabular-nums;transition:color var(--duration-fast) ease,text-shadow var(--duration-med) ease}.patch-demo__count--hit{color:var(--signal-accent);text-shadow:0 0 24px var(--signal-accent-glow)}.patch-demo__caption{display:block;margin-top:.5rem;font-size:.7rem;letter-spacing:.04em;color:var(--signal-ink-muted);text-transform:uppercase}.patch-demo__controls{display:flex;justify-content:center;gap:.5rem;margin-top:20px}.patch-demo__code{margin:1rem 0 0;padding:.75rem 1rem;font-size:.7rem;line-height:1.5;background:var(--signal-bg-panel);border:1px solid var(--signal-line);border-radius:2px;overflow-x:auto}[data-theme=light] .patch-demo__code{background:#f6f8fa}.patch-demo__code code.hljs{display:block;padding:0;font-family:var(--font-mono);background:transparent}.proof{padding:2rem clamp(1.25rem,4vw,3rem);border-top:1px solid var(--signal-line);border-bottom:1px solid var(--signal-line);background:var(--signal-bg-elevated)}.proof__rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .25rem;max-width:900px;margin:0 auto;font-family:var(--font-display);font-size:clamp(.85rem,2vw,1rem);font-weight:600;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.01em;color:var(--signal-ink-muted)}.proof__item{color:var(--signal-ink)}.proof__sep{color:var(--signal-accent);opacity:.5;margin:0 .25rem}.acronym{padding:clamp(2rem,6vw,4rem) clamp(1.25rem,4vw,3rem);max-width:1200px;margin:0 auto}.acronym__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:900px){.acronym__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.acronym__grid{grid-template-columns:1fr}}.acronym__card{padding:1.25rem 1rem;border:1px solid var(--signal-line)}.acronym__letter{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--signal-accent);line-height:1;margin-bottom:.5rem}.acronym__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.02em}.acronym__desc{margin:0;font-size:.78rem;color:var(--signal-ink-muted);line-height:1.55}.why{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem);max-width:1200px;margin:0 auto}.why__header{margin-bottom:3rem}.why__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.03em;line-height:1.15}.why__subtitle{margin:.75rem 0 0;max-width:36rem;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.6}.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.why__grid--features{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.why__grid,.why__grid--features{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.why__grid,.why__grid--features{grid-template-columns:1fr}}.why__beat{padding-top:1rem;border-top:1px solid var(--signal-line)}.why__num{display:block;margin-bottom:.75rem;font-family:var(--font-mono);font-size:.7rem;color:var(--signal-accent);letter-spacing:.08em}.why__beat-title{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.15rem;font-weight:600;font-stretch:normal;letter-spacing:-.02em}.why__beat-body{margin:0 0 1rem;font-size:.85rem;color:var(--signal-ink-muted);line-height:1.65}.why__code{margin:0;padding:.85rem 1rem;font-size:.68rem;line-height:1.55;color:var(--signal-ink-muted);background:var(--signal-bg-panel);border:1px solid var(--signal-line);border-radius:2px;overflow-x:auto;white-space:pre}.why__code code{font-family:var(--font-mono)}.code-compare{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--signal-line);max-width:1600px;margin:0 auto}.code-compare__header{margin-bottom:2.5rem;text-align:center}.code-compare__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.code-compare__subtitle{margin:.75rem auto 0;max-width:36rem;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.6}.code-compare__framework-tabs{display:flex;justify-content:center;margin:1.5rem 0 0}.code-compare__framework-tabs .md-tabs-segmented-list{padding:.2rem;gap:.15rem;flex-wrap:wrap;justify-content:center;border:1px solid var(--signal-line);border-radius:1.25rem;background:var(--signal-bg-panel)}.code-compare__carousel{max-width:1600px;margin:0 auto}.code-compare__nav{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1.5rem}.code-compare__slide-title{min-width:10rem;text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:650;letter-spacing:-.02em}.code-compare__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--signal-line);border-radius:50%;background:var(--signal-bg-panel);color:var(--signal-ink-muted);cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.code-compare__nav-btn:hover{color:var(--signal-accent);border-color:var(--signal-accent)}.code-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:720px){.code-compare__grid{grid-template-columns:1fr}}.code-compare__col{min-width:0;border:1px solid var(--signal-line);border-radius:4px;background:var(--signal-bg-panel);overflow:hidden}.code-compare__col--mates{border-color:color-mix(in srgb,var(--signal-accent) 45%,var(--signal-line))}.code-compare__col-label{padding:.65rem 1.15rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-bg) 40%,transparent)}.code-compare__col-label--react{color:#61dafb}.code-compare__col-label--vue{color:#42b883}.code-compare__col-label--angular{color:#dd0031}.code-compare__col-label--solid{color:#76b3e3}.code-compare__col-label--svelte{color:#ff3e00}.code-compare__col-label--lit{color:#324fff}[data-theme=light] .code-compare__col-label--react{color:#149eca}[data-theme=light] .code-compare__col-label--vue{color:#2f855a}[data-theme=light] .code-compare__col-label--angular{color:#c3002f}[data-theme=light] .code-compare__col-label--solid{color:#2c4f7c}[data-theme=light] .code-compare__col-label--svelte{color:#c23000}[data-theme=light] .code-compare__col-label--lit{color:#324fff}.code-compare__col-label--mates{color:var(--signal-accent)}.code-compare__code{margin:0;padding:1.15rem 1.25rem;overflow-x:auto}.code-compare__code code.hljs{display:block;padding:0;font-family:var(--font-mono);font-size:.72rem;line-height:1.7;white-space:pre;word-break:normal;overflow-wrap:normal;tab-size:2;background:transparent}.code-compare__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.code-compare__dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background:var(--signal-line);cursor:pointer;transition:background var(--duration-fast) ease,transform var(--duration-fast) ease}.code-compare__dot--active{background:var(--signal-accent);transform:scale(1.3)}.code-compare__dot:hover:not(.code-compare__dot--active){background:var(--signal-ink-faint)}.code-compare__benefits{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 2rem;margin:2rem 0 0;padding:0}.code-compare__benefits li{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--signal-ink-muted)}.code-compare__check{font-weight:700;color:var(--signal-accent)}.compare{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--signal-line);max-width:1600px;margin:0 auto}.compare__header{margin-bottom:2.75rem}.compare__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.03em;line-height:1.15}.compare__subtitle{margin:.75rem 0 0;max-width:38rem;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.6}.compare__charts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}@media(max-width:700px){.compare__charts{grid-template-columns:1fr;gap:3rem}}.compare__perf-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,3vw,2.5rem) clamp(2rem,4vw,3.5rem)}@media(min-width:800px){.compare__perf-grid{grid-template-columns:1fr 1fr}}@media(min-width:1200px){.compare__perf-grid{grid-template-columns:1fr 1fr}}.compare__perf-grid .compare__hrow{grid-template-columns:minmax(6.75rem,10rem) 1fr auto}.compare__perf-grid .compare__hvalue{min-width:4.75rem}.compare__op-chart{min-width:0}.compare__hbars--compact .compare__htrack{height:1.15rem}.compare__chart{margin:0;min-width:0;display:flex;flex-direction:column}.compare__chart--wide{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--signal-line)}.benchmarks-page{padding-top:clamp(2rem,5vw,3.5rem)}.benchmarks-page .compare__title{font-size:clamp(1.75rem,4vw,2.5rem)}.benchmarks-page__charts{grid-template-columns:1fr;gap:0;width:100%}.benchmarks-page__charts .compare__chart--wide{width:100%;margin-top:0;padding-top:0;border-top:none}.benchmarks-page__charts .compare__chart--wide+.compare__chart--wide{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:clamp(2rem,4vw,2.75rem);border-top:1px solid var(--signal-line)}.benchmarks-page__charts .compare__htrack{height:1.65rem}.benchmarks-page__charts .compare__hrow{grid-template-columns:minmax(8.5rem,13.5rem) 1fr auto}.benchmarks-page .compare__op-groups{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:800px){.benchmarks-page .compare__op-groups{grid-template-columns:1fr 1fr;gap:1.75rem 1.85rem}}@media(min-width:1280px){.benchmarks-page .compare__op-groups{grid-template-columns:1fr 1fr 1fr}}.benchmarks-page .compare__op-group{min-width:0;padding:1.15rem 1.2rem 1.25rem;border:1px solid var(--signal-line);border-radius:10px}.benchmarks-page .compare__op-groups .compare__hrow{grid-template-columns:minmax(6.25rem,9.5rem) 1fr auto}.benchmarks-page .compare__op-groups .compare__hvalue{min-width:4.75rem}.compare__ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,3rem)}@media(max-width:700px){.compare__ui-grid{grid-template-columns:1fr}}.compare__ui-metric-label{margin:0 0 1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--signal-ink-faint);letter-spacing:.02em;text-transform:uppercase}.compare__footnote--tight{margin-top:1.25rem}.compare__chart-head{margin-bottom:1.75rem}.compare__chart-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em}.compare__chart-meta{margin:.35rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--signal-ink-faint);line-height:1.4}.compare__better{color:var(--md-color-primary, var(--signal-accent))}.compare__verify{margin:.65rem 0 0;font-family:var(--font-mono);font-size:.75rem;color:var(--signal-ink-muted);line-height:1.5}.compare__verify-sep{margin:0 .4rem;color:var(--signal-ink-faint)}.compare__verify-link{color:var(--signal-accent);text-decoration:underline;text-underline-offset:.15em}.compare__verify-link:hover{color:var(--signal-ink)}.compare__hbars{display:flex;flex-direction:column;gap:1.15rem}.compare__hbars--compact{gap:.55rem}.compare__op-groups{display:flex;flex-direction:column;gap:1.35rem}.compare__op-group{min-width:0}.compare__op-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.55rem}.compare__op-title{font-family:var(--font-display);font-size:1.15rem;font-weight:650;color:var(--signal-ink)}.compare__op-detail{font-family:var(--font-mono);font-size:.7rem;color:var(--signal-ink-faint)}.compare__op-ratio{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;font-weight:650;color:var(--signal-ink-muted)}.compare__hrow{display:grid;grid-template-columns:12.5rem 1fr auto;align-items:center;gap:.85rem}@media(max-width:700px){.compare:not(.benchmarks-page) .compare__hrow{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem}.compare:not(.benchmarks-page) .compare__hlabel{grid-column:1 / -1}.compare:not(.benchmarks-page) .compare__hvalue{grid-column:2;justify-self:end;min-width:0}}@media(max-width:480px){.benchmarks-page .compare__hrow{grid-template-columns:7.5rem 1fr;gap:.5rem .75rem}.benchmarks-page .compare__hvalue{grid-column:2;justify-self:start}}.compare__hlabel{display:inline-flex;align-items:baseline;gap:.28rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--signal-ink);letter-spacing:-.01em;line-height:1.2}.compare__htrack{height:1.5rem;background:color-mix(in srgb,var(--signal-line) 80%,transparent);border:1px solid var(--signal-line);overflow:hidden}.compare__hfill{height:100%;width:0;background:var(--mates-brand-gradient);animation:compare-grow-width .8s var(--ease-signal) 80ms forwards}.compare__hfill--react,.compare__hfill--mui{background:#ff4500}.compare__hfill--mates-raw{background:color-mix(in srgb,#00b3a8 82%,#04120f)}[data-theme=light] .compare__hfill--react,[data-theme=light] .compare__hfill--mui{background:#ff4500}[data-theme=light] .compare__hfill--mates-raw{background:color-mix(in srgb,#00b3a8 72%,#0b3d38)}.compare__hvalue{font-family:var(--font-mono);font-size:.9rem;font-weight:650;color:var(--signal-ink);white-space:nowrap;min-width:6.25rem;text-align:right}.compare__delta{margin:1.5rem 0 0;font-family:var(--font-mono);font-size:.8rem;color:var(--signal-ink);line-height:1.45}.compare__delta span{color:var(--signal-ink-faint)}.compare__secondary{margin:.5rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--signal-ink-faint);line-height:1.45}.compare__legend{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.compare__legend li{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--signal-ink-faint)}.compare__legend li span:last-child{color:var(--signal-ink-muted)}.compare__detail{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--signal-line)}.compare__detail-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1rem;font-weight:650;letter-spacing:-.01em}.compare__table-detail{margin:0 0 1rem;font-size:.82rem;color:var(--signal-ink-faint)}.compare__table-scroll{overflow-x:auto}.compare__table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.82rem}.compare__table th,.compare__table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--signal-line);color:var(--signal-ink-muted)}.compare__table th{color:var(--signal-ink-faint);font-weight:500;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.compare__footnote{margin:1.25rem 0 0;font-size:.78rem;color:var(--signal-ink-faint);line-height:1.55;max-width:46rem}.compare__chart--wide .compare__footnote{max-width:52rem}@keyframes compare-grow-width{0%{width:0}to{width:var(--compare-w)}}@media(prefers-reduced-motion:reduce){.compare__hfill{animation:none;width:var(--compare-w)}}.batteries{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--signal-line);background:var(--signal-bg-elevated)}.batteries__inner{max-width:1200px;margin:0 auto}.batteries__header{margin-bottom:2.75rem;max-width:40rem}.batteries__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.03em;line-height:1.15}.batteries__subtitle{margin:.75rem 0 0;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.6}.batteries__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem 1.75rem}@media(max-width:900px){.batteries__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.batteries__grid{grid-template-columns:1fr}}.batteries__card{padding:1.15rem 0 0;border-top:1px solid var(--signal-line)}.batteries__card-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.batteries__card-body{margin:0;font-size:.85rem;color:var(--signal-ink-muted);line-height:1.65}.batteries__footnote{margin:2.5rem 0 0;max-width:40rem;font-size:.82rem;color:var(--signal-ink-faint);line-height:1.6}.batteries__footnote code{font-family:var(--font-mono);font-size:.78em;color:var(--signal-ink-muted)}.ecosystem{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem);border-top:1px solid var(--signal-line);background:var(--signal-bg)}.ecosystem__header{max-width:1200px;margin:0 auto}.ecosystem__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.03em}.ecosystem__subtitle{margin:.75rem 0 0;max-width:36rem;font-size:.95rem;color:var(--signal-ink-muted);line-height:1.6}.ecosystem__link{display:inline-block;margin-top:1.25rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--signal-accent);transition:color var(--duration-fast) ease}.ecosystem__links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.35rem}.ecosystem__links .ecosystem__link{margin-top:.5rem}.ecosystem__link:hover{color:var(--signal-ink)}.playground{padding:clamp(3rem,8vw,5rem) clamp(1.25rem,4vw,3rem);max-width:1200px;margin:0 auto}.playground__header{text-align:center;max-width:640px;margin:0 auto 2rem}.playground__title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--signal-ink)}.playground__subtitle{margin:.75rem 0 0;color:var(--signal-ink-muted);font-size:.95rem;line-height:1.6}.playground__full-link{display:inline-block;margin-top:1rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--signal-accent);transition:color var(--duration-fast) ease}.playground__full-link:hover{color:var(--signal-ink)}.playground-ide-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--signal-line);box-shadow:0 8px 48px #00000059,0 0 0 1px #00b3a80f}[data-theme=light] .playground-ide-wrap{box-shadow:0 8px 32px #0f172a14,0 0 0 1px #00968c1f}.playground-ide-wrap .mates-ide{border-radius:12px;height:520px!important}.pg-shell{display:flex;flex-direction:column;height:var(--app-dvh);overflow:hidden;background:var(--signal-bg)}.pg-topbar{display:flex;align-items:center;gap:.75rem;flex-shrink:0;height:3rem;padding:0 1rem;border-bottom:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pg-topbar__brand{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.02em;color:var(--signal-ink)}.pg-topbar__logo{object-fit:contain}.pg-topbar__label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:2px;border:1px solid var(--signal-accent-dim);color:var(--signal-accent);background:color-mix(in srgb,var(--signal-accent) 8%,transparent)}.pg-topbar__actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.pg-ide{flex:1;min-height:0;display:flex;flex-direction:column}.pg-ide>x-view{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.pg-ide .mates-ide{flex:1 1 auto;min-height:0;height:100%!important;border:none;border-radius:0}.pg-preview{height:var(--app-dvh);overflow:hidden}.pg-preview .mates-ide--preview-only{border:none!important;border-radius:0!important;height:100%!important}.pg-preview .mates-ide__iframe{width:100%!important;height:100%!important;border:none;display:block}.close{padding:clamp(4rem,12vw,8rem) clamp(1.25rem,4vw,3rem) 2rem;text-align:center}.close__inner{max-width:560px;margin:0 auto}.close__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;font-stretch:normal;font-variation-settings:"wdth" 100;letter-spacing:-.04em;line-height:1.1}.close__sub{margin:1rem 0 2rem;color:var(--signal-ink-muted);font-size:.95rem}.close__cmd{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;background:var(--signal-bg-panel);border:1px solid var(--signal-line);border-radius:4px}.close__cmd-text{font-family:var(--font-mono);font-size:.9rem;color:var(--signal-accent)}.close__links{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.close__stackblitz{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.close__footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--signal-line);font-size:.75rem;color:var(--signal-ink-faint);letter-spacing:.05em}.close__footer-sep{margin:0 .5rem;opacity:.4}.md-button--filled,.md-badge--primary{--md-color-primary: var(--signal-accent)}.docs-shell{--docs-topbar-height: 3.5rem;--font-display: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--md-font-family: var(--font-body);--signal-ink: var(--md-on-page);--signal-line: var(--md-border-default);--docs-heading: var(--signal-ink);--docs-text: var(--signal-ink);--docs-text-muted: var(--signal-ink-muted);--docs-text-label: var(--signal-ink-faint);--docs-code-fg: var(--signal-ink);--docs-code-bg: var(--signal-bg-panel);--docs-code-border: transparent;--docs-block-bg: var(--signal-bg-panel);--docs-nav-fg: var(--signal-ink);--docs-nav-label: var(--signal-ink-muted);--docs-nav-hover: var(--signal-bg-elevated);--docs-nav-active: #00968c;--docs-nav-active-fg: #ffffff;--docs-api-prop: var(--signal-ink);--docs-api-type: var(--signal-ink-muted);--docs-api-default: var(--signal-ink-muted);--dp-text: var(--docs-text);--dp-text-bright: var(--docs-heading);--dp-text-dim: var(--docs-text-muted);--dp-text-label: var(--docs-text-label);--dp-border: var(--md-border-default);--dp-code: var(--docs-code-fg);--dp-code-bg: var(--docs-code-bg);--dp-code-border: transparent;--dp-link: var(--signal-accent);--dp-link-hover: color-mix(in srgb, var(--signal-accent) 70%, var(--docs-heading));--dp-block-bg: var(--docs-block-bg);min-height:100%;font-family:var(--font-body);font-size:.9375rem;line-height:1.7;-webkit-font-smoothing:antialiased;background:var(--signal-bg);color:var(--md-on-page)}.docs-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;height:var(--docs-topbar-height);min-height:var(--docs-topbar-height);box-sizing:border-box;padding:0 1.25rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));border-bottom:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.docs-topbar__menu{display:none;flex-shrink:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;color:var(--signal-ink);padding:.4rem;margin:0;border-radius:0;cursor:pointer;line-height:0}.docs-topbar__menu:hover,.docs-topbar__menu:focus-visible{color:var(--signal-accent)}.docs-topbar__menu:focus-visible{outline:2px solid var(--signal-accent);outline-offset:2px}.docs-topbar__menu-icon{display:block}@media(max-width:900px){.docs-topbar{display:flex;align-items:center;gap:.25rem}.docs-topbar__menu{display:inline-flex;align-items:center;justify-content:center}.docs-topbar__brand{flex:1;justify-content:center;min-width:0}.docs-topbar__sep,.docs-topbar__crumb{display:none}.docs-topbar__actions{margin-left:0;flex-shrink:0}.docs-topbar__theme .md-button-label{display:none}.docs-topbar__theme.md-button-root{min-width:2.25rem;padding-inline:.4rem}.docs-sidebar-backdrop{display:block;position:fixed;top:var(--docs-topbar-height);right:0;bottom:0;left:0;z-index:39;border:none;padding:0;background:#00000073;cursor:pointer}}.docs-sidebar-backdrop{display:none}.docs-topbar__brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.02em;color:var(--signal-ink)}.docs-topbar__logo{object-fit:contain}.docs-topbar__sep,.docs-topbar__crumb{color:var(--signal-ink-muted);font-size:.85rem}.docs-topbar__actions{margin-left:auto}.docs-body{display:grid;grid-template-columns:260px 1fr;width:100%;max-width:none;margin:0}@media(min-width:901px){.docs-shell{height:var(--app-dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}.docs-body{flex:1;min-height:0;overflow:hidden}.docs-sidebar{position:static;top:auto;align-self:stretch;max-height:none;height:100%}.docs-main{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}}@media(max-width:900px){.docs-body{grid-template-columns:1fr}}.docs-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--signal-line);padding:0;position:sticky;top:var(--docs-topbar-height);align-self:start;max-height:calc(var(--app-dvh) - var(--docs-topbar-height));min-height:0;overflow:hidden}@media(max-width:900px){html:has(.docs-sidebar--open){overflow:hidden}.docs-sidebar{display:none;position:fixed;top:var(--docs-topbar-height);right:auto;bottom:0;left:0;z-index:40;width:min(20rem,86vw);height:calc(var(--app-dvh) - var(--docs-topbar-height));max-height:calc(var(--app-dvh) - var(--docs-topbar-height));align-self:stretch;background:var(--signal-bg);border-right:1px solid var(--signal-line);padding:0;overflow:hidden}.docs-sidebar--open{display:flex;flex-direction:column}}.docs-nav{flex:1 1 auto;min-height:0;padding:.35rem .35rem 1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y}.docs-sidebar__search{flex:0 0 auto;padding:.75rem .75rem .4rem}.docs-nav-search-empty{margin:.75rem .5rem;font-size:.8rem;color:var(--signal-ink-muted)}.docs-nav .md-nav-menu{gap:.06rem}.docs-nav .md-nav-menu>.md-nav-menu-item>.md-nav-menu-row .md-button-root{font-size:16px}.docs-nav .md-nav-menu-children .md-button-root,.docs-nav .md-nav-menu-children .md-button-root.md-button--nav{font-size:14px}.docs-nav .md-button--nav,.docs-nav .md-button--nav:hover:not(.md-button--disabled),.docs-nav .md-button--nav:active:not(.md-button--disabled),.docs-nav .md-button--nav.md-button--nav-active,.docs-nav .md-button--nav.md-button--nav-active:hover:not(.md-button--disabled){background:transparent}.docs-nav .md-button--nav.md-button--nav-active,.docs-nav .md-button--nav.md-button--nav-active:hover:not(.md-button--disabled){color:var(--docs-heading, var(--signal-ink));font-weight:700}.docs-nav .md-nav-menu-children .md-button--nav.md-button--nav-active{font-weight:700}.docs-main{padding:2rem clamp(1.25rem,4vw,3rem) 4rem;min-width:0}.docs-content{width:100%;max-width:70rem;margin:0 auto;min-width:0}.docs-content .article-pager{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--signal-line)}.docs-content .article-pager__placeholder{flex:1}.docs-content .article-pager__link{flex:0 1 auto;max-width:16rem;min-width:0;display:flex;flex-direction:column;gap:.1rem;padding:.35rem .65rem;border:1px solid var(--signal-line);border-radius:6px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.docs-content .article-pager__link:hover{border-color:var(--signal-accent);background:var(--signal-bg-panel)}.docs-content .article-pager__link--next{align-items:flex-end;text-align:right;margin-left:auto}.docs-content .article-pager__dir{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink-muted)}.docs-content .article-pager__title{font-size:.8125rem;font-weight:600;color:var(--signal-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.docs-content .doc-article__footer{margin-top:1.25rem;display:flex;justify-content:flex-end}.docs-content .doc-article__edit{font-size:.85rem;color:var(--signal-ink-muted);text-decoration:none;border-bottom:1px solid var(--signal-line);transition:color .15s ease,border-color .15s ease}.docs-content .doc-article__edit:hover{color:var(--signal-accent);border-color:var(--signal-accent)}.doc-article__title{margin:0;font-family:var(--font-body);font-size:clamp(1.75rem,3.5vw,2.125rem);font-weight:700;letter-spacing:-.025em;color:var(--docs-heading, var(--signal-ink));line-height:1.2}.doc-article__lede{margin:.75rem 0 2rem;font-size:1.0625rem;color:var(--docs-text-muted, var(--signal-ink-muted));line-height:1.65;max-width:42rem}.doc-section{margin-bottom:2.5rem;scroll-margin-top:5rem}.doc-h2{margin:0 0 1rem;font-family:var(--font-body);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;padding-bottom:.5rem;border-bottom:1px solid var(--signal-line)}.doc-h3{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.doc-p{margin:0 0 1rem;line-height:1.7;color:var(--signal-ink-muted);max-width:42rem}.doc-p a,.doc-list a{color:var(--signal-accent);text-decoration:underline;text-underline-offset:2px}.doc-list{margin:0 0 1rem;padding-left:1.25rem;color:var(--signal-ink-muted);line-height:1.65;max-width:42rem}.doc-list li{margin-bottom:.35rem}.doc-code{margin:0 0 1.25rem;border:1px solid var(--signal-line);border-radius:2px;background:var(--signal-bg-panel);overflow:hidden}.doc-code__label{display:block;padding:.4rem .75rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-ink-faint);border-bottom:1px solid var(--signal-line)}.doc-code pre{margin:0;padding:1rem;overflow-x:auto;font-size:.78rem;line-height:1.55}.doc-code code{font-family:var(--font-mono);color:var(--signal-ink)}.doc-callout{margin:0 0 1.25rem;padding:1rem 1.1rem;border-left:3px solid var(--signal-accent);background:var(--signal-bg-elevated);max-width:42rem}.doc-callout--warn{border-left-color:#f59e0b}.doc-callout--dont{border-left-color:#f87171}.doc-callout--info{border-left-color:#38bdf8}.doc-callout__title{display:block;margin-bottom:.35rem;font-size:.85rem}.doc-callout p{margin:0;font-size:.85rem;color:var(--signal-ink-muted);line-height:1.6}.doc-callout p+p{margin-top:.5rem}.docs-shell .docs-article .doc-callout p,[data-theme=dark] .docs-shell .docs-article .doc-callout p,[data-theme=light] .docs-shell .docs-article .doc-callout p{margin:0;font-size:.85rem;color:var(--signal-ink-muted);line-height:1.6}.docs-shell .docs-article .doc-callout__title{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600;color:var(--docs-heading)}.doc-table-wrap{overflow-x:auto;margin:0 0 1.25rem;max-width:48rem}.doc-table{width:100%;border-collapse:collapse;font-size:.85rem}.doc-table th,.doc-table td{border:1px solid var(--signal-line);padding:.5rem .75rem;text-align:left}.doc-table th{background:var(--signal-bg-panel);font-weight:600}.docs-not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.examples-shell{display:flex;flex-direction:column;height:var(--app-dvh);overflow:hidden;background:var(--signal-bg);color:var(--signal-ink)}.examples-topbar{display:flex;align-items:center;gap:.5rem;flex-shrink:0;height:3rem;padding:0 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-bottom:1px solid var(--signal-line);background:color-mix(in srgb,var(--signal-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.examples-topbar__menu{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--signal-line);border-radius:2px;background:transparent;color:var(--signal-ink);font-size:.95rem;cursor:pointer;flex-shrink:0}.examples-topbar__brand{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--signal-ink)}.examples-topbar__sep{color:var(--signal-ink-faint);font-size:.9rem}.examples-topbar__section{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--signal-accent)}.examples-topbar__nav{display:flex;align-items:center;gap:.15rem;margin-left:1rem}@media(max-width:900px){.examples-topbar__nav{display:none}}.examples-topbar__link{padding:.3rem .55rem;border-radius:2px;font-size:.85rem;color:var(--signal-ink-muted);transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.examples-topbar__link:hover{color:var(--signal-ink);background:var(--signal-bg-elevated)}.examples-topbar__link--active{color:var(--signal-accent)!important;font-weight:600}.examples-topbar__actions{margin-left:auto}.examples-body{flex:1;display:flex;min-height:0;overflow:hidden}.examples-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--signal-line);background:var(--signal-bg-elevated);min-height:0}.examples-sidebar-backdrop,.examples-main__picker{display:none}@media(max-width:900px){.examples-topbar__menu{display:inline-flex}.examples-topbar__brand span,.examples-topbar__sep{display:none}.examples-sidebar-backdrop{display:block;position:fixed;inset:3rem 0 0;z-index:39;border:none;padding:0;background:#00000073;cursor:pointer}.examples-sidebar{display:none;position:fixed;top:3rem;left:0;bottom:0;width:min(280px,88vw);z-index:40;box-shadow:8px 0 32px #00000059}.examples-sidebar--open{display:flex}.examples-main__header{display:none}.examples-main__picker{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;flex-shrink:0;padding:.65rem 1rem;border:none;border-bottom:1px solid var(--signal-line);background:var(--signal-bg-panel);color:var(--signal-ink);text-align:left;cursor:pointer}.examples-main__picker-label{font-family:var(--font-display);font-size:.95rem;font-weight:600}.examples-main__picker-hint{font-family:var(--font-mono);font-size:.68rem;color:var(--signal-accent);text-transform:uppercase;letter-spacing:.06em}}@media(max-width:720px){.examples-sidebar{width:min(280px,88vw)}}.examples-sidebar__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.85rem 1rem .65rem;border-bottom:1px solid var(--signal-line);flex-shrink:0}.examples-sidebar__title{margin:0;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink-muted)}.examples-sidebar__meta{margin:0;font-size:.65rem;color:var(--signal-ink-faint)}.examples-sidebar__nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.5rem}.examples-sidebar__btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .55rem;border:none;border-radius:2px;background:transparent;font-family:var(--font-mono);font-size:.8rem;color:var(--signal-ink-muted);text-align:left;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.examples-sidebar__btn:hover{color:var(--signal-ink);background:var(--signal-bg-panel)}.examples-sidebar__btn--active{color:var(--signal-accent);background:var(--signal-accent-dim);font-weight:600}.examples-sidebar__dot{width:6px;height:6px;border-radius:50%;background:var(--signal-line);flex-shrink:0}.examples-sidebar__dot--active{background:var(--signal-accent)}.examples-sidebar__footer{flex-shrink:0;padding:.75rem 1rem 1rem;border-top:1px solid var(--signal-line)}.examples-repo-list{list-style:none;margin:.5rem 0 0;padding:0}.examples-repo-list li{padding:.45rem 0;border-top:1px solid var(--signal-line)}.examples-repo-list li:first-child{border-top:none}.examples-repo-list a{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--signal-accent)}.examples-repo-list span{display:block;margin-top:.15rem;font-size:.68rem;line-height:1.45;color:var(--signal-ink-faint)}.examples-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.examples-main__header{flex-shrink:0;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--signal-line)}.examples-main__title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.examples-main__desc{margin:.35rem 0 0;font-size:.9rem;color:var(--signal-ink-muted);line-height:1.5}.examples-playground{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.examples-playground>x-view{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;width:100%}.examples-playground .mates-ide{flex:1 1 auto;min-height:0;height:100%!important;border:none!important;border-radius:0!important}.learn-page{max-width:720px;margin:0 auto;padding:3rem clamp(1.25rem,4vw,2rem) 4rem}.learn-page__back{font-size:.85rem;color:var(--signal-accent)}.learn-page h1{margin:1rem 0 .5rem;font-family:var(--font-display);font-size:2rem;letter-spacing:-.03em}.learn-steps{list-style:none;margin:2rem 0;padding:0}.learn-step{display:flex;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--signal-line)}.learn-step__n{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--signal-accent);line-height:1}.learn-step h2{margin:0 0 .35rem;font-size:1.1rem}.learn-step h2 a{color:var(--signal-ink)}.learn-step p{margin:0;color:var(--signal-ink-muted);font-size:.9rem}.learn-page__footer{margin-top:2rem}.docs-content{font-size:.9375rem;line-height:1.7;color:var(--docs-text)}.docs-shell .docs-article h2,.docs-shell .docs-example__title,.docs-shell .api-heading{font-family:var(--font-body);font-size:1.3125rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--docs-heading);margin:2rem 0 .75rem}.docs-shell .docs-article h2:first-child,.docs-shell .docs-example:first-child .docs-example__title{margin-top:0}.docs-shell .docs-article h3,.docs-shell .api-subheading{font-size:1.0625rem;font-weight:600;color:var(--docs-heading);margin:1.5rem 0 .5rem;line-height:1.35}.docs-shell .docs-article h4{font-size:.9375rem;font-weight:600;color:var(--docs-heading);margin:0 0 .35rem}.docs-shell .docs-article p,.docs-shell .docs-article li,.docs-shell .docs-example__desc,.docs-shell .api-td--desc,.docs-shell .api-caveat{font-size:.9375rem;line-height:1.7;color:var(--docs-text)}.docs-shell .docs-article strong{color:var(--docs-heading);font-weight:600}.docs-shell .docs-article a{color:var(--signal-accent);text-decoration:underline;text-underline-offset:2px}.docs-shell .docs-article a:hover{color:color-mix(in srgb,var(--signal-accent) 70%,var(--docs-heading))}.docs-shell .docs-article code,.docs-shell .docs-example__desc code{font-family:var(--font-mono);font-size:.875em;color:var(--docs-code-fg);background:var(--docs-code-bg);border:none;border-radius:4px;padding:.12em .4em}.docs-shell .docs-code{margin:.75rem 0 1.25rem;padding:var(--md-space-4, 1rem);border-radius:var(--md-radius-md, 10px);border:.06rem solid #30363d;background:#161b22;overflow-x:auto;overflow-y:auto;font-size:.75rem;line-height:1.55;color:#e6edf3;font-family:var(--md-font-family-mono, ui-monospace, monospace)}.docs-shell .docs-code code,.docs-shell .docs-code .hljs{font-family:var(--md-font-family-mono, ui-monospace, monospace);font-size:.75rem;line-height:1.55;color:inherit;background:transparent;border:none;padding:0;white-space:pre;word-break:normal;overflow-wrap:normal}.docs-shell .article-intro-code .docs-code{margin-top:.5rem}.docs-shell .docs-code .hljs-comment,.docs-shell .docs-code .hljs-quote{color:#8b949e;font-style:italic}.docs-shell .docs-code .hljs-keyword,.docs-shell .docs-code .hljs-selector-tag,.docs-shell .docs-code .hljs-deletion{color:#ff7b72;font-weight:500}.docs-shell .docs-code .hljs-string,.docs-shell .docs-code .hljs-addition,.docs-shell .docs-code .hljs-attr{color:#a5d6ff}.docs-shell .docs-code .hljs-number,.docs-shell .docs-code .hljs-literal{color:#79c0ff}.docs-shell .docs-code .hljs-title,.docs-shell .docs-code .hljs-title.class_,.docs-shell .docs-code .hljs-class{color:#d2a8ff;font-weight:500}.docs-shell .docs-code .hljs-built_in,.docs-shell .docs-code .hljs-type{color:#ffa657}.docs-shell .docs-code .hljs-variable,.docs-shell .docs-code .hljs-template-variable{color:#e6edf3}.docs-shell .docs-code .hljs-function,.docs-shell .docs-code .hljs-params{color:#d2a8ff}.docs-shell .docs-code .hljs-tag{color:#7ee787}.docs-shell .docs-code .hljs-attribute{color:#79c0ff}.docs-shell .docs-code .hljs-subst{color:#e6edf3}.docs-shell .docs-code .hljs-symbol,.docs-shell .docs-code .hljs-bullet{color:#ffa657}.docs-shell .docs-code .hljs-meta{color:#e3b341}.docs-shell .docs-code .hljs-regexp{color:#a5d6ff}.docs-shell .docs-code .hljs-selector-class,.docs-shell .docs-code .hljs-selector-id{color:#d2a8ff}.docs-shell .md-table-wrap,.docs-shell .docs-table-wrap,.docs-shell .api-table-wrap{margin:.75rem 0 1.25rem;max-width:100%;overflow-x:auto}.docs-shell .md-table,.docs-shell .docs-table,.docs-shell .api-table{width:100%;table-layout:auto}.docs-shell .md-table th,.docs-shell .md-table td,.docs-shell .docs-table th,.docs-shell .docs-table td,.docs-shell .api-table th,.docs-shell .api-table td{word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.docs-shell .md-table th:not(:last-child),.docs-shell .md-table td:not(:last-child),.docs-shell .docs-table th:not(:last-child),.docs-shell .docs-table td:not(:last-child),.docs-shell .api-table th:not(:last-child),.docs-shell .api-table td:not(:last-child){white-space:normal;width:1%;max-width:24rem}.docs-shell .md-table th:last-child,.docs-shell .md-table td:last-child,.docs-shell .docs-table th:last-child,.docs-shell .docs-table td:last-child,.docs-shell .api-table th:last-child,.docs-shell .api-table td:last-child{white-space:normal;width:auto}.docs-shell .md-table code,.docs-shell .md-table .api-code,.docs-shell .docs-table code,.docs-shell .api-table code{white-space:nowrap}.docs-shell .md-table .api-code--type{white-space:normal;overflow-wrap:break-word;word-break:normal}.docs-shell .docs-table,.docs-shell .api-table{font-size:.875rem}.docs-shell .docs-table thead th,.docs-shell .api-th{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--docs-text-label);background:var(--signal-bg);border-bottom:1px solid var(--signal-line);padding:.625rem .875rem}.docs-shell .docs-table tbody td,.docs-shell .api-td{padding:.625rem .875rem;color:var(--docs-text);border-bottom:1px solid var(--signal-line);vertical-align:top}.docs-shell .api-td--prop .api-code{color:var(--docs-api-prop)}.docs-shell .api-td--type .api-code{color:var(--docs-api-type)}.docs-shell .api-code--default{color:var(--docs-api-default)}.docs-shell .api-import{font-size:.8125rem;color:var(--signal-ink);background:var(--docs-code-bg);border:none}.docs-shell .docs-example{margin:2rem 0}.docs-shell .docs-example__desc{margin-bottom:.75rem}.docs-shell .docs-compare-label{font-size:.75rem}[data-theme=dark] .docs-shell .docs-article,[data-theme=dark] .docs-shell .docs-article p,[data-theme=dark] .docs-shell .docs-article li,[data-theme=dark] .docs-shell .docs-article ul,[data-theme=dark] .docs-shell .docs-article ol,[data-theme=dark] .docs-shell .docs-example__desc,[data-theme=dark] .docs-shell .api-td,[data-theme=dark] .docs-shell .api-caveat,[data-theme=dark] .docs-shell .api-td--desc{color:var(--docs-text)}[data-theme=dark] .docs-shell .docs-article h2,[data-theme=dark] .docs-shell .docs-article h3,[data-theme=dark] .docs-shell .docs-article h4,[data-theme=dark] .docs-shell .docs-example__title,[data-theme=dark] .docs-shell .api-heading,[data-theme=dark] .docs-shell .api-subheading,[data-theme=dark] .docs-shell .docs-article strong{color:var(--docs-heading)}[data-theme=light] .docs-shell{--signal-bg: #ffffff;--signal-bg-elevated: #ffffff;--signal-bg-panel: #f4f5f7;--signal-ink: #14161a;--signal-ink-muted: #3a4252;--signal-ink-faint: #5c6678;--signal-accent: #00968c;--signal-accent-dim: rgba(0, 150, 140, .12);--signal-accent-glow: rgba(0, 150, 140, .28);--signal-line: #e2e6ee;--docs-heading: #14161a;--docs-text: #1d2128;--docs-text-muted: #3a4252;--docs-text-label: #5c6678;--docs-code-fg: #14161a;--docs-code-bg: #f4f5f7;--docs-code-border: transparent;--docs-block-bg: #f7f8fa;--docs-nav-fg: #14161a;--docs-nav-label: #5c6678;--docs-nav-hover: rgba(0, 150, 140, .08);--docs-nav-active: #00968c;--docs-nav-active-fg: #ffffff;--docs-api-prop: #14161a;--docs-api-type: #3a4252;--docs-api-default: #3a4252;--dp-text: var(--docs-text);--dp-text-bright: var(--docs-heading);--dp-text-dim: var(--docs-text);--dp-text-label: var(--docs-text-label);--dp-border: var(--signal-line);--dp-code: var(--docs-code-fg);--dp-code-bg: var(--docs-code-bg);--dp-code-border: transparent;--dp-link: var(--signal-accent);--dp-link-hover: #007a72;--dp-block-bg: var(--docs-block-bg);background:#fff;color:var(--docs-text)}[data-theme=light] .docs-topbar{background:#fff;border-bottom-color:var(--signal-line)}[data-theme=light] .docs-sidebar{background:#fff;border-right-color:var(--signal-line)}[data-theme=light] .docs-nav-link--active{box-shadow:inset 3px 0 #00968c}[data-theme=light] .docs-shell .docs-article,[data-theme=light] .docs-shell .docs-article p,[data-theme=light] .docs-shell .docs-article li,[data-theme=light] .docs-shell .docs-article ul,[data-theme=light] .docs-shell .docs-article ol,[data-theme=light] .docs-shell .docs-example__desc,[data-theme=light] .docs-shell .api-td,[data-theme=light] .docs-shell .api-caveat,[data-theme=light] .docs-shell .api-td--desc,[data-theme=light] .docs-shell .article-lead,[data-theme=light] .docs-shell .doc-article__lede{color:var(--docs-text)}[data-theme=light] .docs-shell .docs-article h2,[data-theme=light] .docs-shell .docs-example__title,[data-theme=light] .docs-shell .api-heading,[data-theme=light] .docs-shell .api-subheading,[data-theme=light] .docs-shell .docs-article h3,[data-theme=light] .docs-shell .docs-article h4,[data-theme=light] .docs-shell .docs-article strong,[data-theme=light] .docs-shell .article-title,[data-theme=light] .docs-shell .doc-article__title{color:var(--docs-heading)}[data-theme=light] .docs-shell .docs-article code,[data-theme=light] .docs-shell .docs-example__desc code{color:var(--docs-code-fg);background:var(--docs-code-bg);border:none}[data-theme=light] .docs-shell .docs-code{background:#f6f8fa;border-color:var(--md-color-border, var(--signal-line));color:#24292e;box-shadow:none}[data-theme=light] .docs-shell .docs-code .hljs-comment,[data-theme=light] .docs-shell .docs-code .hljs-quote{color:#6a737d;font-style:italic}[data-theme=light] .docs-shell .docs-code .hljs-keyword,[data-theme=light] .docs-shell .docs-code .hljs-selector-tag,[data-theme=light] .docs-shell .docs-code .hljs-deletion{color:#d73a49;font-weight:500}[data-theme=light] .docs-shell .docs-code .hljs-string,[data-theme=light] .docs-shell .docs-code .hljs-addition,[data-theme=light] .docs-shell .docs-code .hljs-attr{color:#032f62}[data-theme=light] .docs-shell .docs-code .hljs-number,[data-theme=light] .docs-shell .docs-code .hljs-literal{color:#005cc5}[data-theme=light] .docs-shell .docs-code .hljs-title,[data-theme=light] .docs-shell .docs-code .hljs-title.class_,[data-theme=light] .docs-shell .docs-code .hljs-class{color:#6f42c1;font-weight:500}[data-theme=light] .docs-shell .docs-code .hljs-built_in,[data-theme=light] .docs-shell .docs-code .hljs-type{color:#e36209}[data-theme=light] .docs-shell .docs-code .hljs-variable,[data-theme=light] .docs-shell .docs-code .hljs-template-variable{color:#24292e}[data-theme=light] .docs-shell .docs-code .hljs-function,[data-theme=light] .docs-shell .docs-code .hljs-params{color:#6f42c1}[data-theme=light] .docs-shell .docs-code .hljs-tag{color:#22863a}[data-theme=light] .docs-shell .docs-code .hljs-attribute{color:#005cc5}[data-theme=light] .docs-shell .docs-code .hljs-subst{color:#24292e}[data-theme=light] .docs-shell .docs-code .hljs-symbol,[data-theme=light] .docs-shell .docs-code .hljs-bullet{color:#e36209}[data-theme=light] .docs-shell .docs-code .hljs-meta{color:#735c0f}[data-theme=light] .docs-shell .docs-code .hljs-regexp{color:#032f62}[data-theme=light] .docs-shell .docs-code .hljs-selector-class,[data-theme=light] .docs-shell .docs-code .hljs-selector-id{color:#6f42c1}[data-theme=light] .docs-shell .docs-table-wrap,[data-theme=light] .docs-shell .api-table-wrap{background:#fff;border-color:var(--signal-line);box-shadow:0 1px #1220260a}[data-theme=light] .docs-shell .docs-table thead th,[data-theme=light] .docs-shell .api-th{background:var(--signal-bg);color:var(--docs-text-label)}[data-theme=light] .docs-shell .api-caveats{background:#fef6e7;border-color:color-mix(in srgb,#d97706 40%,transparent)}[data-theme=light] .docs-shell .api-caveats__header{color:#92400e}[data-theme=light] .docs-shell .mates-emb{border-color:var(--signal-line);box-shadow:0 1px #1220260a}[data-theme=light] .docs-shell .mates-emb__preview{background:#fff;border-color:var(--signal-line)}.patch-demo__code .hljs,.docs-shell .docs-code .hljs{background:transparent}.hljs-keyword{color:#ff7b72}.hljs-string,.hljs-template-tag{color:#a5d6ff}.hljs-title.function_,.hljs-title.class_{color:#d2a8ff}.hljs-number{color:#79c0ff}.hljs-comment{color:#8b949e;font-style:italic}.hljs-built_in{color:#ffa657}.hljs-params{color:#c9d1d9}.hljs-attr{color:#79c0ff}.hljs-tag,.hljs-name{color:#7ee787}.hljs-literal{color:#79c0ff}.hljs-variable,.hljs-template-variable{color:#ffa657}.hljs-property{color:#c9d1d9}.hljs-operator{color:#ff7b72}.hljs-punctuation,.hljs-meta{color:#8b949e}.hljs-type{color:#ffa657}html[data-theme=light] .hljs{color:#1e293b;background:transparent}html[data-theme=light] .hljs-keyword,html[data-theme=light] .hljs-operator{color:#6d28d9;font-weight:600}html[data-theme=light] .hljs-string{color:#047857}html[data-theme=light] .hljs-template-tag,html[data-theme=light] .hljs-subst{color:#0d9488}html[data-theme=light] .hljs-title.function_{color:#2563eb}html[data-theme=light] .hljs-title.class_{color:#6d28d9}html[data-theme=light] .hljs-number,html[data-theme=light] .hljs-literal{color:#d97706}html[data-theme=light] .hljs-comment{color:#475569;font-style:italic}html[data-theme=light] .hljs-built_in,html[data-theme=light] .hljs-type{color:#dc2626}html[data-theme=light] .hljs-variable,html[data-theme=light] .hljs-template-variable{color:#d97706}html[data-theme=light] .hljs-property,html[data-theme=light] .hljs-attr{color:#0369a1}html[data-theme=light] .hljs-params{color:#374151}html[data-theme=light] .hljs-tag{color:#519d58}html[data-theme=light] .hljs-name{color:#0d9488}html[data-theme=light] .hljs-punctuation{color:#6b7280}html[data-theme=light] .hljs-meta{color:#9ca3af}.pg-topbar,.examples-topbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}@media(max-width:600px){.docs-main{padding:1.25rem 1rem 3rem}.doc-article__lede{font-size:.95rem}.docs-content .article-pager{flex-direction:column;align-items:stretch}.docs-content .article-pager__link{max-width:none}.docs-content .article-pager__link--next{margin-left:0}.learn-page{padding:2rem 1rem 3rem}.close__links{flex-wrap:wrap;justify-content:center}.close__cmd{flex-direction:column;align-items:stretch;gap:.75rem}.playground{padding-left:1rem;padding-right:1rem}.playground-ide-wrap .mates-ide{height:min(520px,62dvh)!important;min-height:360px}.pg-topbar__brand span,.pg-topbar__label,.pg-topbar__actions .md-button-root:first-child .md-button-label{display:none}.mates-ide__toolbar{flex-wrap:wrap;height:auto;min-height:38px;padding-block:.35rem}.mates-ide__toolbar-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:900px){.signal-page,.docs-shell,.docs-main,.docs-content,.learn-page,.benchmarks-page,.hero__copy,.why,.compare,.acronym,.batteries,.ecosystem,.playground,.close,.docs-shell .docs-article,.docs-shell .docs-article p,.docs-shell .docs-article li,.docs-shell .doc-callout,.docs-shell .doc-callout p,.docs-shell .doc-callout li,.docs-shell .docs-example__desc,.docs-shell .api-td,.docs-shell .api-td--desc,.doc-article__lede,.doc-article__title{overflow-wrap:anywhere;word-break:break-word}.docs-shell .md-table,.docs-shell .md-table th,.docs-shell .md-table td,.docs-shell .docs-table,.docs-shell .docs-table th,.docs-shell .docs-table td,.docs-shell .api-table,.docs-shell .api-table th,.docs-shell .api-table td{overflow-wrap:break-word;word-break:normal}}.docs-shell .docs-code pre,.docs-shell .docs-code code,.doc-code pre,.doc-code code,.patch-demo__code{white-space:pre;word-break:normal;overflow-wrap:normal;overflow-x:auto}.docs-shell .docs-table-wrap,.docs-shell .api-table-wrap{-webkit-overflow-scrolling:touch}.examples-main__picker{flex-wrap:wrap;row-gap:.25rem}.examples-main__picker-label{overflow-wrap:anywhere;line-height:1.3}.close__links .md-button-root{white-space:normal;height:auto;min-height:2.25rem;padding-block:.5rem;overflow:visible}.close__links .md-button-label{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.2;text-align:center}.proof__rail{font-size:.8rem;gap:.35rem .15rem;justify-content:flex-start}.proof__item{overflow-wrap:anywhere}.docs-nav .md-button-root{height:auto;min-height:2rem;white-space:normal;overflow:visible}.docs-nav .md-button-label{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.25;text-align:left}.chrome-nav__link{overflow-wrap:anywhere}}{}