/* =====================================================================
   Lucky Robots brand theme.
   Mirrors luckyrobots.com: Aeonik (sans) + Cascadia Code (mono), a warm
   light palette (#fff / #f5f4f2 surfaces, near-black text) with a green
   accent (#5dc24e). Near-black header retained from the earlier request.
   ===================================================================== */

:root {
  /* Brand accent greens (marketing-site accent is #5dc24e). */
  --lr-green:      #ec9e24;
  --lr-green-mid:  #2f9ef4;   /* hover / active on white */
  --lr-green-deep: #ff1a33;   /* link text — AA contrast on white */

  /* Header / top-tabs background — near-black (matches the brand's #000). */
  --md-primary-fg-color:        #14151a;   /* rgb(20, 21, 26) */
  --md-primary-fg-color--light: #2b2d36;
  --md-primary-fg-color--dark:  #0c0d11;

  /* Brand fonts. Aeonik is self-hosted (see @font-face below); until those
     woff2 files exist it falls back to a clean system sans. */
  --md-text-font: "Aeonik Regular", "Aeonik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --md-code-font: "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Light scheme: warm surfaces, near-black text, green links. */
[data-md-color-scheme="default"] {
  /* Primary — header & top tabs */
  --md-primary-fg-color:             #14151a;
  --md-primary-fg-color--light:      #2b2d36;
  --md-primary-fg-color--dark:       #0c0d11;
  --md-primary-bg-color:             #ffffff;
  --md-primary-bg-color--light:      #ffffffb3;

  /* Accent — link hover / focus / active */
  --md-accent-fg-color:              var(--lr-green-mid);
  --md-accent-fg-color--transparent: rgba(236, 158, 36, 0.35);  /* search-result hover etc. — matches the brand-amber ::selection highlight */
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       #ffffffb3;

  /* Foreground (text) */
  --md-default-fg-color:             #000000de;
  --md-default-fg-color--light:      #0000008a;
  --md-default-fg-color--lighter:    #00000052;
  --md-default-fg-color--lightest:   #00000012;

  /* Background (surfaces) */
  --md-default-bg-color:             #ffffff;
  --md-default-bg-color--light:      #ffffffb3;
  --md-default-bg-color--lighter:    #ffffff4d;
  --md-default-bg-color--lightest:   #ffffff1f;

  /* Prose / typeset */
  --md-typeset-color:                #14151a;
  --md-typeset-a-color:              var(--lr-green-deep);
  --md-typeset-mark-color:           rgba(247, 190, 70, 0.40);
  --md-typeset-del-color:            #f5503d26;
  --md-typeset-ins-color:            #0bd57026;
  --md-typeset-table-color:          #0000001f;
  --md-typeset-table-color--light:   rgba(0,0,0,.035);
  --md-typeset-kbd-color:            #fafafa;
  --md-typeset-kbd-accent-color:     #ffffff;
  --md-typeset-kbd-border-color:     #b8b8b8;

  /* Admonitions */
  --md-admonition-fg-color:          var(--md-default-fg-color);
  --md-admonition-bg-color:          var(--md-default-bg-color);

  /* Footer */
  --md-footer-fg-color:              #a9a8a3;
  --md-footer-fg-color--light:       #ffffffb3;
  --md-footer-fg-color--lighter:     #ffffff73;
  --md-footer-bg-color:              #1a1a1a;
  --md-footer-bg-color--dark:        #141414;
}

/* Dark scheme: keep dark chrome, brighter green accents. */
[data-md-color-scheme="slate"] {
  /* Primary — header & top tabs */
  --md-primary-fg-color:             #141414;
  --md-primary-fg-color--light:      #2b2d36;
  --md-primary-fg-color--dark:       #0c0d11;
  --md-primary-bg-color:             #ffffff;
  --md-primary-bg-color--light:      #ffffffb3;

  /* Accent — link hover / focus / active */
  --md-accent-fg-color:              var(--lr-green);
  --md-accent-fg-color--transparent: rgba(236, 158, 36, 0.35);  /* search-result hover etc. — matches the brand-amber ::selection highlight */
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       #ffffffb3;

  /* Foreground (text) */
  --md-default-fg-color:             hsla(var(--md-hue),15%,90%,0.82);
  --md-default-fg-color--light:      hsla(var(--md-hue),15%,90%,0.56);
  --md-default-fg-color--lighter:    hsla(var(--md-hue),15%,90%,0.32);
  --md-default-fg-color--lightest:   hsla(var(--md-hue),15%,90%,0.12);

  /* Background (surfaces) */
  --md-default-bg-color:             #1a1a1a;
  --md-default-bg-color--light:      hsla(var(--md-hue),15%,14%,0.54);
  --md-default-bg-color--lighter:    hsla(var(--md-hue),15%,14%,0.26);
  --md-default-bg-color--lightest:   hsla(var(--md-hue),15%,14%,0.07);

  /* Prose / typeset */
  --md-typeset-color:                var(--md-default-fg-color);
  --md-typeset-a-color:              var(--lr-green);
  --md-typeset-mark-color:           rgba(247, 190, 70, 0.30);
  --md-typeset-del-color:            #f5503d26;
  --md-typeset-ins-color:            #0bd57026;
  --md-typeset-table-color:          hsla(var(--md-hue),15%,95%,0.12);
  --md-typeset-table-color--light:   hsla(var(--md-hue),15%,95%,0.035);
  --md-typeset-kbd-color:            hsla(var(--md-hue),15%,90%,0.12);
  --md-typeset-kbd-accent-color:     hsla(var(--md-hue),15%,90%,0.2);
  --md-typeset-kbd-border-color:     hsla(var(--md-hue),15%,14%,1);

  /* Admonitions */
  --md-admonition-fg-color:          var(--md-default-fg-color);
  --md-admonition-bg-color:          var(--md-default-bg-color);

  /* Footer */
  --md-footer-fg-color:              #ffffff;
  --md-footer-fg-color--light:       #ffffffb3;
  --md-footer-fg-color--lighter:     #ffffff73;
  --md-footer-bg-color:              #1a1a1a;
  --md-footer-bg-color--dark:        #141414;
}

/* =====================================================================
   Code syntax highlighting
   Edit code-block colors here. Token colors map to Pygments classes
   (keyword, string, number, ...). Light (default) and dark (slate) are
   separate; var(...) values track other theme colors -- replace with a
   hex/rgba to make a token independent.
   ===================================================================== */
[data-md-color-scheme="default"] {
  --md-code-bg-color:             #f5f4f2;                  /* code-block background */
  --md-code-fg-color:             #36464e;                  /* plain code text */
  --md-code-bg-color--light:      #f5f5f5b3;                /* lighter code surface (inline code, etc.) */
  --md-code-bg-color--lighter:    #f5f5f54d;                /* lightest code surface */
  --md-code-hl-color:             #2977ff;                  /* highlighted-line background (hl_lines) */
  --md-code-hl-color--light:      #2977ff1a;                /* highlighted line, subtle */
  --md-code-hl-keyword-color:     #fb4934;                  /* keywords */
  --md-code-hl-string-color:      #2fb170;                  /* strings */
  --md-code-hl-number-color:      #95ae88;                  /* numbers */
  --md-code-hl-function-color:    #ff8000;                  /* function names */
  --md-code-hl-constant-color:    #9383e2;                  /* constants */
  --md-code-hl-special-color:     #f06090;                  /* special */
  --md-code-hl-name-color:        var(--md-code-fg-color);  /* identifiers / names */
  --md-code-hl-operator-color:    var(--md-default-fg-color--light); /* operators */
  --md-code-hl-punctuation-color: var(--md-default-fg-color--light); /* punctuation */
  --md-code-hl-comment-color:     var(--md-default-fg-color--light); /* comments */
  --md-code-hl-generic-color:     var(--md-default-fg-color--light); /* generic tokens */
  --md-code-hl-variable-color:    var(--md-default-fg-color--light); /* variables */
}

[data-md-color-scheme="slate"] {
  --md-code-bg-color:             #1f1f1f; /* code-block background */
  --md-code-fg-color:             hsla(var(--md-hue),18%,86%,0.82); /* plain code text */
  --md-code-bg-color--light:      hsla(var(--md-hue),15%,18%,0.9); /* lighter code surface (inline code, etc.) */
  --md-code-bg-color--lighter:    hsla(var(--md-hue),15%,18%,0.54); /* lightest code surface */
  --md-code-hl-color:             #2977ff;                  /* highlighted-line background (hl_lines) */
  --md-code-hl-color--light:      #2977ff1a;                /* highlighted line, subtle */
  --md-code-hl-keyword-color:     #fb4934;                  /* keywords */
  --md-code-hl-string-color:      #2fb170;                  /* strings */
  --md-code-hl-number-color:      #b5cea8;                  /* numbers */
  --md-code-hl-function-color:    #ff8000;                  /* function names */
  --md-code-hl-constant-color:    #9383e2;                  /* constants */
  --md-code-hl-special-color:     #f06090;                  /* special */
  --md-code-hl-name-color:        var(--md-code-fg-color);  /* identifiers / names */
  --md-code-hl-operator-color:    var(--md-default-fg-color--light); /* operators */
  --md-code-hl-punctuation-color: var(--md-default-fg-color--light); /* punctuation */
  --md-code-hl-comment-color:     #57a64a; /* comments */
  --md-code-hl-generic-color:     var(--md-default-fg-color--light); /* generic tokens */
  --md-code-hl-variable-color:    var(--md-default-fg-color--light); /* variables */
}


/* =====================================================================
   Admonitions / call-outs — flat box, left accent bar, diagonal gradient,
   all-caps accent title, no icon. Applies to !!! blocks and collapsible
   ??? blocks in both schemes. The per-type accent color (bottom of section)
   drives the bar, the title text, and the gradient tint — edit those to taste.
   ===================================================================== */
.md-typeset .admonition,
.md-typeset details {
  --admonition-accent: var(--md-default-fg-color--light);   /* fallback for untyped boxes */
  border: none;
  border-left: 0.18rem solid var(--admonition-accent) !important;  /* beat Material's higher-specificity per-type border-color */
  border-radius: 0.4rem;
  box-shadow: none;
  padding: 0.5rem 0.95rem 0.7rem;
  background-color: var(--md-admonition-bg-color);
  background-image: linear-gradient(120deg,
      color-mix(in srgb, var(--admonition-accent) 14%, transparent),
      transparent 62%);
}

/* Title: all-caps, accent-colored, no icon, aligned with the body text. */
.md-typeset .admonition > .admonition-title,
.md-typeset details > summary {
  margin: 0;
  padding: 0.1rem 0;
  background: transparent;
  border: none;
  color: var(--admonition-accent);
  font-weight: 700;
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.md-typeset .admonition > .admonition-title::before,
.md-typeset details > summary::before {
  display: none;            /* hide the per-type icon */
}
/* Light mode: darken the title so the accent stays readable on a light background. */
[data-md-color-scheme="default"] .md-typeset .admonition > .admonition-title,
[data-md-color-scheme="default"] .md-typeset details > summary {
  color: color-mix(in srgb, var(--admonition-accent) 75%, #000);
}

/* Collapsible (??? / ???+) summaries: Material targets <summary> at higher
   specificity than the title rule above, so force the same flat, left-aligned
   look and vertically center the disclosure chevron. */
.md-typeset details > summary {
  position: relative;                            /* anchor the chevron to the header */
  background: transparent !important;            /* let the box gradient show through the header */
  padding: 0.1rem 1.4rem 0.1rem 0 !important;    /* drop Material's 2rem icon indent; leave room for chevron */
}
.md-typeset details > summary::after {
  top: 50% !important;
  transform: translateY(-50%) !important;        /* center the chevron (collapsed) */
}
.md-typeset details[open] > summary::after {
  transform: translateY(-50%) rotate(90deg) !important;   /* preserve open-state rotation */
}
/* Collapsed = no body, so the box's expanded padding leaves the title high.
   Zero the box's vertical padding and balance it on the summary instead. */
.md-typeset details:not([open]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.md-typeset details:not([open]) > summary {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Per-type accent colors (canonical types + aliases) — edit freely. */
.md-typeset .note                                   { --admonition-accent: #5b8def; }
.md-typeset .abstract, .md-typeset .summary, .md-typeset .tldr     { --admonition-accent: #4aa3df; }
.md-typeset .info, .md-typeset .todo                { --admonition-accent: #2f9ef4; }
.md-typeset .tip, .md-typeset .hint, .md-typeset .important        { --admonition-accent: #2fb170; }
.md-typeset .success, .md-typeset .check, .md-typeset .done        { --admonition-accent: #2fb170; }
.md-typeset .question, .md-typeset .help, .md-typeset .faq         { --admonition-accent: #5dc24e; }
.md-typeset .warning, .md-typeset .caution, .md-typeset .attention { --admonition-accent: #f7be46; }  /* brand amber — matches the screenshot */
.md-typeset .failure, .md-typeset .fail, .md-typeset .missing      { --admonition-accent: #ff6b5e; }
.md-typeset .danger, .md-typeset .error             { --admonition-accent: #f5503d; }
.md-typeset .bug                                    { --admonition-accent: #f06090; }
.md-typeset .example                                { --admonition-accent: #b07cff; }
.md-typeset .quote, .md-typeset .cite               { --admonition-accent: #9e9e9e; }

/* Airier headings, matching Aeonik's lighter weights on the brand site. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Un-mute h1 — Material defaults it to --md-default-fg-color--light; use the
   scheme-aware body text color so it matches in both light and dark modes. */
.md-typeset h1 { color: var(--md-typeset-color); }

/* Brand-yellow text selection. */
::selection { background: rgba(236, 158, 36, 0.35); }

/* Self-hosted brand fonts (downloaded from luckyrobots.com into docs/assets/fonts/). */
@font-face { font-family: "Aeonik Regular"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../assets/fonts/aeonik-regular.woff2") format("woff2"); }
@font-face { font-family: "Aeonik Regular"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../assets/fonts/aeonik-medium.woff2") format("woff2"); }
/* No real Aeonik bold (700) is shipped — map bold to the Medium file so the browser
   uses real glyphs instead of faux-bold (which made bold text "melt" together). */
@font-face { font-family: "Aeonik Regular"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../assets/fonts/aeonik-medium.woff2") format("woff2"); }
@font-face { font-family: "Cascadia Code"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../assets/fonts/cascadia-code-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cascadia Code"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../assets/fonts/cascadia-code-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cascadia Code"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../assets/fonts/cascadia-code-700-latin.woff2") format("woff2"); }

/* Never synthesize bold (we map bold to the real Medium glyphs above). Keep
   synthetic italic — Aeonik ships no italic face, so <em> still needs it. */
body { font-synthesis: style; }

/* Buttons (.md-button): the theme colors them with --md-primary-fg-color (our dark
   header color), which is invisible on dark pages — use the accent color instead. */
.md-typeset .md-button {
  color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}
.md-typeset .md-button--primary {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: var(--md-default-bg-color);    /* contrasts the accent fill in both schemes */
}

/* ---- brand logo ---- */
/* Inlined SVG logo (overrides/partials/logo.html) — keep its 26:17 aspect
   ratio instead of Material's default square 1.2rem box. */
.md-header__button.md-logo .lr-logo,
.md-nav__title .lr-logo {
  display: block;
  width: auto;
  height: 1.1rem;
  fill: currentColor;
}

/* ---- layout polish ---- */
.md-grid { max-width: 68rem; }

/* Embedded tutorial videos — responsive, capped width, rounded to match cards. */
.md-typeset .doc-video {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 1em 0 1.5em;
  border-radius: 0.4rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  background: #000;
}

/* YouTube embeds share .doc-video's footprint; iframes have no intrinsic
   height, so fix the ratio instead. Full text-column width (no 720px cap) —
   YouTube also serves higher quality to larger players. */
.md-typeset iframe.doc-video {
  aspect-ratio: 16 / 9;
  max-width: none;
}

.md-typeset h3 + p > code,
.md-typeset h3 + .highlight { scroll-margin-top: 4rem; }

.md-typeset table:not([class]) td:first-child code { white-space: nowrap; }

.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card { border-radius: 0.4rem; }

/* Vertically centre inline icons used at the start of card titles.
   Material's default vertical-align sits the icon above the text baseline;
   `.middle` over-corrects below it. -0.225em lands the icon optically centred
   with bold text. */
.md-typeset .grid.cards .twemoji {
  vertical-align: -0.225em;
}

/* ─── Inspector mock widgets (Editor Attributes guide) ─────────────────── */
/* Visual approximations of the engine's Inspector field renderings. Used in
   docs/scripting/getting-started/editor-attributes.md to show what each
   attribute produces. Not a pixel-perfect copy of the editor. */

.md-typeset .inspector-mock {
  background: #1c1d22;
  border: 1px solid #2a2b30;
  border-radius: 4px;
  padding: 10px 14px;
  margin: 0.75em 0 1.25em;
  font-family: var(--md-text-font);
  font-size: 0.85em;
  color: #c8c9cd;
  max-width: 480px;
}

.md-typeset .inspector-mock .field {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 0;
}

.md-typeset .inspector-mock .label {
  flex: 0 0 140px;
  color: #969799;
}

.md-typeset .inspector-mock .control {
  flex: 1 1 auto;
  min-width: 0;
}

.md-typeset .inspector-mock .number {
  background: #2a2b32;
  padding: 5px 10px;
  border-radius: 3px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.md-typeset .inspector-mock .slider {
  position: relative;
  height: 22px;
  background: #2a2b32;
  border-radius: 3px;
  overflow: hidden;
}
.md-typeset .inspector-mock .slider-fill {
  position: absolute;
  inset: 0 auto 0 0;
  background: linear-gradient(180deg, #5a5c66, #44464f);
}
.md-typeset .inspector-mock .slider-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  font-variant-numeric: tabular-nums;
  color: #d7d8db;
}

.md-typeset .inspector-mock .toggle {
  display: block;
  width: 100%;
  padding: 7px 0;
  text-align: center;
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.85em;
}
.md-typeset .inspector-mock .toggle.on  { background: #f5503d; color: #fff; }
.md-typeset .inspector-mock .toggle.off { background: #2a2b32; color: #969799; }

.md-typeset .inspector-mock .button {
  display: inline-block;
  padding: 6px 16px;
  background: #f5503d;
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.85em;
}

.md-typeset .inspector-mock .dropdown {
  background: #2a2b32;
  padding: 5px 12px;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.md-typeset .inspector-mock .dropdown::after { content: "▾"; color: #969799; }

.md-typeset .inspector-mock .color {
  display: flex;
  align-items: center;
  gap: 10px;
}
.md-typeset .inspector-mock .color-swatch {
  width: 32px;
  height: 22px;
  border: 1px solid #44464f;
  border-radius: 2px;
  flex: 0 0 auto;
}
.md-typeset .inspector-mock .color-rgb {
  font-variant-numeric: tabular-nums;
  color: #969799;
  font-size: 0.85em;
}

.md-typeset .inspector-mock .multiline {
  background: #2a2b32;
  padding: 6px 10px;
  border-radius: 3px;
  min-height: 64px;
  color: #969799;
  font-style: italic;
}

.md-typeset .inspector-mock .group {
  background: #25262c;
  padding: 8px 12px;
  border-radius: 3px;
  font-weight: 600;
  border: 1px solid #2a2b30;
  margin: 0 -4px 6px;
}
.md-typeset .inspector-mock .group::before { content: "▾ "; color: #969799; }

.md-typeset .inspector-mock .header-text {
  font-size: 0.78em;
  color: #969799;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 6px 0 2px;
}

.md-typeset .inspector-mock .divider {
  height: 1px;
  background: #2a2b30;
  margin: 8px 0;
}

.md-typeset .inspector-mock .units {
  color: #74757a;
  margin-left: 4px;
  font-size: 0.85em;
  font-weight: normal;
}

.md-typeset .inspector-mock-tooltip {
  background: #0f1014;
  color: #d7d8db;
  padding: 8px 12px;
  border-radius: 3px;
  font-size: 0.85em;
  border: 1px solid #2a2b30;
  max-width: 280px;
  margin-top: 6px;
  display: inline-block;
  font-family: var(--md-text-font);
}
.md-typeset .inspector-mock-tooltip::before {
  content: "💡  ";
  margin-right: 2px;
}

.md-typeset .inspector-mock .field.disabled { opacity: 0.45; }

.md-typeset .inspector-mock-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0.75em 0 1.25em;
}
.md-typeset .inspector-mock-pair .inspector-mock { margin: 0; max-width: none; }
.md-typeset .inspector-mock-state {
  font-size: 0.72em;
  color: #969799;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  font-weight: 600;
}

/* ── LeRobot tutorial hero: teleop-vs-scripted comparison ───────────────── */
.md-typeset .lr-eyebrow {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72em;
  font-weight: 600;
  color: #969799;
  margin: 0.5em 0 1.4em;
}
.md-typeset .lr-pair {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 0;
}
.md-typeset .lr-pair figure,
.md-typeset .lr-hero-solo { margin: 0; }
.md-typeset .lr-pair video,
.md-typeset .lr-hero-solo video { border-radius: 4px; display: block; width: 100%; }
.md-typeset .lr-cap {
  text-align: center;
  font-size: 0.8em;
  color: #969799;
  margin: 0.5em 0 0;
}
.md-typeset .lr-cap strong { color: var(--md-default-fg-color); }
.md-typeset .lr-arrow {
  text-align: center;
  margin: 1.4em 0 0;
}
.md-typeset .lr-arrow s { color: #74757a; }

/* Compact section demo clip — ~1/3 of the content column, centered. */
.md-typeset .lr-third { text-align: center; margin: 1em 0; }
.md-typeset .lr-third video {
  width: 33%;
  min-width: 240px;
  border-radius: 4px;
  display: inline-block;
}

/* ===== Sidebar nav icons ====================================================
   Material's bundled SVGs as mask-image (monochrome, theme-coloured). EVERY
   primary-nav <a> row gets a default icon (C# glyph for API member pages,
   document for narrative pages); specific rows override below. Hooks are href
   slugs (depth-proof) + nav-group labels (__nav_2..4); reorder a top group or
   rename a slug, then update the selector. */
.md-nav--primary a.md-nav__link[href]::before,
.md-nav--primary label.md-nav__link[for="__nav_2"]::before,
.md-nav--primary label.md-nav__link[for="__nav_3"]::before,
.md-nav--primary label.md-nav__link[for="__nav_4"]::before {
  content: ""; display: inline-block; width: 1.1em; height: 1.1em;
  margin-right: 0.5em; vertical-align: -0.22em; flex: 0 0 auto; opacity: 0.7;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
/* defaults */
.md-nav--primary a.md-nav__link[href]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%202a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6zm0%202h7v5h5v11H6zm2%208v2h8v-2zm0%204v2h5v-2z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%202a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8l-6-6zm0%202h7v5h5v11H6zm2%208v2h8v-2zm0%204v2h5v-2z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href*="api/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m11.5%2015.97.41%202.44c-.26.14-.68.27-1.24.39-.57.13-1.24.2-2.01.2-2.21-.04-3.87-.7-4.98-1.96Q2%2015.135%202%2012.21c.05-2.31.72-4.08%202-5.32C5.32%205.64%206.96%205%208.94%205c.75%200%201.4.07%201.94.19s.94.25%201.2.4l-.58%202.49-1.06-.34c-.4-.1-.86-.15-1.39-.15-1.16-.01-2.12.36-2.87%201.1-.76.73-1.15%201.85-1.18%203.34%200%201.36.37%202.42%201.08%203.2.71.77%201.71%201.17%202.99%201.18l1.33-.12c.43-.08.79-.19%201.1-.32M13.89%2019l.61-4H13l.34-2h1.5l.32-2h-1.5L14%209h1.5l.61-4h2l-.61%204h1l.61-4h2l-.61%204H22l-.34%202h-1.5l-.32%202h1.5L21%2015h-1.5l-.61%204h-2l.61-4h-1l-.61%204zm2.95-6h1l.32-2h-1z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m11.5%2015.97.41%202.44c-.26.14-.68.27-1.24.39-.57.13-1.24.2-2.01.2-2.21-.04-3.87-.7-4.98-1.96Q2%2015.135%202%2012.21c.05-2.31.72-4.08%202-5.32C5.32%205.64%206.96%205%208.94%205c.75%200%201.4.07%201.94.19s.94.25%201.2.4l-.58%202.49-1.06-.34c-.4-.1-.86-.15-1.39-.15-1.16-.01-2.12.36-2.87%201.1-.76.73-1.15%201.85-1.18%203.34%200%201.36.37%202.42%201.08%203.2.71.77%201.71%201.17%202.99%201.18l1.33-.12c.43-.08.79-.19%201.1-.32M13.89%2019l.61-4H13l.34-2h1.5l.32-2h-1.5L14%209h1.5l.61-4h2l-.61%204h1l.61-4h2l-.61%204H22l-.34%202h-1.5l-.32%202h1.5L21%2015h-1.5l-.61%204h-2l.61-4h-1l-.61%204zm2.95-6h1l.32-2h-1z%22%2F%3E%3C%2Fsvg%3E"); }
/* home + top sections */
.md-nav--primary > .md-nav__list > li.md-nav__item:first-child > a.md-nav__link::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2013h6v6h3v-9l-6-4.5L6%2010v9h3zm-5%208V9l8-6%208%206v12z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2013h6v6h3v-9l-6-4.5L6%2010v9h3zm-5%208V9l8-6%208%206v12z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary label.md-nav__link[for="__nav_2"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m13.13%2022.19-1.63-3.83c1.57-.58%203.04-1.36%204.4-2.27zM5.64%2012.5l-3.83-1.63%206.1-2.77C7%209.46%206.22%2010.93%205.64%2012.5M21.61%202.39S16.66.269%2011%205.93c-2.19%202.19-3.5%204.6-4.35%206.71-.28.75-.09%201.57.46%202.13l2.13%202.12c.55.56%201.37.74%202.12.46A19.1%2019.1%200%200%200%2018.07%2013c5.66-5.66%203.54-10.61%203.54-10.61m-7.07%207.07c-.78-.78-.78-2.05%200-2.83s2.05-.78%202.83%200c.77.78.78%202.05%200%202.83s-2.05.78-2.83%200m-5.66%207.07-1.41-1.41zM6.24%2022l3.64-3.64c-.34-.09-.67-.24-.97-.45L4.83%2022zM2%2022h1.41l4.77-4.76-1.42-1.41L2%2020.59zm0-2.83%204.09-4.08c-.21-.3-.36-.62-.45-.97L2%2017.76z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m13.13%2022.19-1.63-3.83c1.57-.58%203.04-1.36%204.4-2.27zM5.64%2012.5l-3.83-1.63%206.1-2.77C7%209.46%206.22%2010.93%205.64%2012.5M21.61%202.39S16.66.269%2011%205.93c-2.19%202.19-3.5%204.6-4.35%206.71-.28.75-.09%201.57.46%202.13l2.13%202.12c.55.56%201.37.74%202.12.46A19.1%2019.1%200%200%200%2018.07%2013c5.66-5.66%203.54-10.61%203.54-10.61m-7.07%207.07c-.78-.78-.78-2.05%200-2.83s2.05-.78%202.83%200c.77.78.78%202.05%200%202.83s-2.05.78-2.83%200m-5.66%207.07-1.41-1.41zM6.24%2022l3.64-3.64c-.34-.09-.67-.24-.97-.45L4.83%2022zM2%2022h1.41l4.77-4.76-1.42-1.41L2%2020.59zm0-2.83%204.09-4.08c-.21-.3-.36-.62-.45-.97L2%2017.76z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary label.md-nav__link[for="__nav_3"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016H3V4h18m0-2H3c-1.11%200-2%20.89-2%202v12a2%202%200%200%200%202%202h7v2H8v2h8v-2h-2v-2h7a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016H3V4h18m0-2H3c-1.11%200-2%20.89-2%202v12a2%202%200%200%200%202%202h7v2H8v2h8v-2h-2v-2h7a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary label.md-nav__link[for="__nav_4"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016.5c0%20.38-.21.71-.53.88l-7.9%204.44c-.16.12-.36.18-.57.18s-.41-.06-.57-.18l-7.9-4.44A.99.99%200%200%201%203%2016.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18s.41.06.57.18l7.9%204.44c.32.17.53.5.53.88zM12%204.15%206.04%207.5%2012%2010.85l5.96-3.35zM5%2015.91l6%203.38v-6.71L5%209.21zm14%200v-6.7l-6%203.37v6.71z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016.5c0%20.38-.21.71-.53.88l-7.9%204.44c-.16.12-.36.18-.57.18s-.41-.06-.57-.18l-7.9-4.44A.99.99%200%200%201%203%2016.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18s.41.06.57.18l7.9%204.44c.32.17.53.5.53.88zM12%204.15%206.04%207.5%2012%2010.85l5.96-3.35zM5%2015.91l6%203.38v-6.71L5%209.21zm14%200v-6.7l-6%203.37v6.71z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="scripting/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m14.6%2016.6%204.6-4.6-4.6-4.6L16%206l6%206-6%206zm-5.2%200L4.8%2012l4.6-4.6L8%206l-6%206%206%206z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m14.6%2016.6%204.6-4.6-4.6-4.6L16%206l6%206-6%206zm-5.2%200L4.8%2012l4.6-4.6L8%206l-6%206%206%206z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="api/"]:not([href$="grpc-api/"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%203a2%202%200%200%200-2%202v4a2%202%200%200%201-2%202H3v2h1a2%202%200%200%201%202%202v4a2%202%200%200%200%202%202h2v-2H8v-5a2%202%200%200%200-2-2%202%202%200%200%200%202-2V5h2V3m6%200a2%202%200%200%201%202%202v4a2%202%200%200%200%202%202h1v2h-1a2%202%200%200%200-2%202v4a2%202%200%200%201-2%202h-2v-2h2v-5a2%202%200%200%201%202-2%202%202%200%200%201-2-2V5h-2V3z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%203a2%202%200%200%200-2%202v4a2%202%200%200%201-2%202H3v2h1a2%202%200%200%201%202%202v4a2%202%200%200%200%202%202h2v-2H8v-5a2%202%200%200%200-2-2%202%202%200%200%200%202-2V5h2V3m6%200a2%202%200%200%201%202%202v4a2%202%200%200%200%202%202h1v2h-1a2%202%200%200%200-2%202v4a2%202%200%200%201-2%202h-2v-2h2v-5a2%202%200%200%201%202-2%202%202%200%200%201-2-2V5h-2V3z%22%2F%3E%3C%2Fsvg%3E"); }
/* nested sections (Scripting children + API categories) */
.md-nav--primary a.md-nav__link[href$="getting-started/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%201%209l4%202.18v6L12%2021l7-3.82v-6l2-1.09V17h2V9zm6.82%206L12%2012.72%205.18%209%2012%205.28zM17%2016l-5%202.72L7%2016v-3.73L12%2015l5-2.73z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203%201%209l4%202.18v6L12%2021l7-3.82v-6l2-1.09V17h2V9zm6.82%206L12%2012.72%205.18%209%2012%205.28zM17%2016l-5%202.72L7%2016v-3.73L12%2015l5-2.73z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="guides/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2021.5c-1.35-.85-3.8-1.5-5.5-1.5-1.65%200-3.35.3-4.75%201.05-.1.05-.15.05-.25.05-.25%200-.5-.25-.5-.5V6c.6-.45%201.25-.75%202-1%201.11-.35%202.33-.5%203.5-.5%201.95%200%204.05.4%205.5%201.5%201.45-1.1%203.55-1.5%205.5-1.5%201.17%200%202.39.15%203.5.5.75.25%201.4.55%202%201v14.6c0%20.25-.25.5-.5.5-.1%200-.15%200-.25-.05-1.4-.75-3.1-1.05-4.75-1.05-1.7%200-4.15.65-5.5%201.5M12%208v11.5c1.35-.85%203.8-1.5%205.5-1.5%201.2%200%202.4.15%203.5.5V7c-1.1-.35-2.3-.5-3.5-.5-1.7%200-4.15.65-5.5%201.5m1%203.5c1.11-.68%202.6-1%204.5-1%20.91%200%201.76.09%202.5.28V9.23c-.87-.15-1.71-.23-2.5-.23q-2.655%200-4.5.84zm4.5.17c-1.71%200-3.21.26-4.5.79v1.69c1.11-.65%202.6-.99%204.5-.99%201.04%200%201.88.08%202.5.24v-1.5c-.87-.16-1.71-.23-2.5-.23m2.5%202.9c-.87-.16-1.71-.24-2.5-.24-1.83%200-3.33.27-4.5.8v1.69c1.11-.66%202.6-.99%204.5-.99%201.04%200%201.88.08%202.5.24z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2021.5c-1.35-.85-3.8-1.5-5.5-1.5-1.65%200-3.35.3-4.75%201.05-.1.05-.15.05-.25.05-.25%200-.5-.25-.5-.5V6c.6-.45%201.25-.75%202-1%201.11-.35%202.33-.5%203.5-.5%201.95%200%204.05.4%205.5%201.5%201.45-1.1%203.55-1.5%205.5-1.5%201.17%200%202.39.15%203.5.5.75.25%201.4.55%202%201v14.6c0%20.25-.25.5-.5.5-.1%200-.15%200-.25-.05-1.4-.75-3.1-1.05-4.75-1.05-1.7%200-4.15.65-5.5%201.5M12%208v11.5c1.35-.85%203.8-1.5%205.5-1.5%201.2%200%202.4.15%203.5.5V7c-1.1-.35-2.3-.5-3.5-.5-1.7%200-4.15.65-5.5%201.5m1%203.5c1.11-.68%202.6-1%204.5-1%20.91%200%201.76.09%202.5.28V9.23c-.87-.15-1.71-.23-2.5-.23q-2.655%200-4.5.84zm4.5.17c-1.71%200-3.21.26-4.5.79v1.69c1.11-.65%202.6-.99%204.5-.99%201.04%200%201.88.08%202.5.24v-1.5c-.87-.16-1.71-.23-2.5-.23m2.5%202.9c-.87-.16-1.71-.24-2.5-.24-1.83%200-3.33.27-4.5.8v1.69c1.11-.66%202.6-.99%204.5-.99%201.04%200%201.88.08%202.5.24z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="scene/"]:not([href$="scene/scene/"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%2013.5v8H3v-8zm-2%202H5v4h4zM12%202l5.5%209h-11zm0%203.86L10.08%209h3.84zM17.5%2013c2.5%200%204.5%202%204.5%204.5S20%2022%2017.5%2022%2013%2020%2013%2017.5s2-4.5%204.5-4.5m0%202a2.5%202.5%200%200%200-2.5%202.5%202.5%202.5%200%200%200%202.5%202.5%202.5%202.5%200%200%200%202.5-2.5%202.5%202.5%200%200%200-2.5-2.5%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%2013.5v8H3v-8zm-2%202H5v4h4zM12%202l5.5%209h-11zm0%203.86L10.08%209h3.84zM17.5%2013c2.5%200%204.5%202%204.5%204.5S20%2022%2017.5%2022%2013%2020%2013%2017.5s2-4.5%204.5-4.5m0%202a2.5%202.5%200%200%200-2.5%202.5%202.5%202.5%200%200%200%202.5%202.5%202.5%202.5%200%200%200%202.5-2.5%202.5%202.5%200%200%200-2.5-2.5%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="components/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2013.5c0%201.76-1.3%203.22-3%203.46V20a2%202%200%200%201-2%202h-3.8v-.3a2.7%202.7%200%200%200-2.7-2.7c-1.5%200-2.7%201.21-2.7%202.7v.3H4a2%202%200%200%201-2-2v-3.8h.3C3.79%2016.2%205%2015%205%2013.5s-1.21-2.7-2.7-2.7H2V7a2%202%200%200%201%202-2h3.04c.24-1.7%201.7-3%203.46-3s3.22%201.3%203.46%203H17a2%202%200%200%201%202%202v3.04c1.7.24%203%201.7%203%203.46M17%2015h1.5a1.5%201.5%200%200%200%201.5-1.5%201.5%201.5%200%200%200-1.5-1.5H17V7h-5V5.5A1.5%201.5%200%200%200%2010.5%204%201.5%201.5%200%200%200%209%205.5V7H4v2.12c1.76.68%203%202.38%203%204.38s-1.25%203.7-3%204.38V20h2.12a4.7%204.7%200%200%201%204.38-3c2%200%203.7%201.25%204.38%203H17z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2013.5c0%201.76-1.3%203.22-3%203.46V20a2%202%200%200%201-2%202h-3.8v-.3a2.7%202.7%200%200%200-2.7-2.7c-1.5%200-2.7%201.21-2.7%202.7v.3H4a2%202%200%200%201-2-2v-3.8h.3C3.79%2016.2%205%2015%205%2013.5s-1.21-2.7-2.7-2.7H2V7a2%202%200%200%201%202-2h3.04c.24-1.7%201.7-3%203.46-3s3.22%201.3%203.46%203H17a2%202%200%200%201%202%202v3.04c1.7.24%203%201.7%203%203.46M17%2015h1.5a1.5%201.5%200%200%200%201.5-1.5%201.5%201.5%200%200%200-1.5-1.5H17V7h-5V5.5A1.5%201.5%200%200%200%2010.5%204%201.5%201.5%200%200%200%209%205.5V7H4v2.12c1.76.68%203%202.38%203%204.38s-1.25%203.7-3%204.38V20h2.12a4.7%204.7%200%200%201%204.38-3c2%200%203.7%201.25%204.38%203H17z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="math/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.42%205.29c-1.1-.1-2.07.71-2.17%201.82L10%2010h2.82v2h-3l-.44%205.07A4.001%204.001%200%200%201%202%2018.83l1.5-1.5c.33%201.05%201.46%201.64%202.5%201.3.78-.24%201.33-.93%201.4-1.74L7.82%2012h-3v-2H8l.27-3.07a4.01%204.01%200%200%201%204.33-3.65c1.26.11%202.4.81%203.06%201.89l-1.5%201.5c-.25-.77-.93-1.31-1.74-1.38M22%2013.65l-1.41-1.41-2.83%202.83-2.83-2.83-1.43%201.41%202.85%202.85-2.85%202.81%201.43%201.41%202.83-2.83%202.83%202.83L22%2019.31l-2.83-2.81z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.42%205.29c-1.1-.1-2.07.71-2.17%201.82L10%2010h2.82v2h-3l-.44%205.07A4.001%204.001%200%200%201%202%2018.83l1.5-1.5c.33%201.05%201.46%201.64%202.5%201.3.78-.24%201.33-.93%201.4-1.74L7.82%2012h-3v-2H8l.27-3.07a4.01%204.01%200%200%201%204.33-3.65c1.26.11%202.4.81%203.06%201.89l-1.5%201.5c-.25-.77-.93-1.31-1.74-1.38M22%2013.65l-1.41-1.41-2.83%202.83-2.83-2.83-1.43%201.41%202.85%202.85-2.85%202.81%201.43%201.41%202.83-2.83%202.83%202.83L22%2019.31l-2.83-2.81z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="physics/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2011a1%201%200%200%201%201%201%201%201%200%200%201-1%201%201%201%200%200%201-1-1%201%201%200%200%201%201-1M4.22%204.22C5.65%202.79%208.75%203.43%2012%205.56c3.25-2.13%206.35-2.77%207.78-1.34s.79%204.53-1.34%207.78c2.13%203.25%202.77%206.35%201.34%207.78s-4.53.79-7.78-1.34c-3.25%202.13-6.35%202.77-7.78%201.34S3.43%2015.25%205.56%2012C3.43%208.75%202.79%205.65%204.22%204.22m11.32%204.24c.61.62%201.17%201.25%201.69%201.88%201.38-2.13%201.88-3.96%201.13-4.7-.74-.75-2.57-.25-4.7%201.13.63.52%201.26%201.08%201.88%201.69m-7.08%207.08c-.61-.62-1.17-1.25-1.69-1.88-1.38%202.13-1.88%203.96-1.13%204.7.74.75%202.57.25%204.7-1.13-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25%202.57%201.13%204.7.52-.63%201.08-1.26%201.69-1.88.62-.61%201.25-1.17%201.88-1.69-2.13-1.38-3.96-1.88-4.7-1.13m4.24%208.48c.7.7%201.42%201.34%202.12%201.91.7-.57%201.42-1.21%202.12-1.91s1.34-1.42%201.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7%208.54%2012%207.97c-.7.57-1.42%201.21-2.12%201.91S8.54%2011.3%207.97%2012c.57.7%201.21%201.42%201.91%202.12m8.48%204.24c.75-.74.25-2.57-1.13-4.7-.52.63-1.08%201.26-1.69%201.88-.62.61-1.25%201.17-1.88%201.69%202.13%201.38%203.96%201.88%204.7%201.13%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2011a1%201%200%200%201%201%201%201%201%200%200%201-1%201%201%201%200%200%201-1-1%201%201%200%200%201%201-1M4.22%204.22C5.65%202.79%208.75%203.43%2012%205.56c3.25-2.13%206.35-2.77%207.78-1.34s.79%204.53-1.34%207.78c2.13%203.25%202.77%206.35%201.34%207.78s-4.53.79-7.78-1.34c-3.25%202.13-6.35%202.77-7.78%201.34S3.43%2015.25%205.56%2012C3.43%208.75%202.79%205.65%204.22%204.22m11.32%204.24c.61.62%201.17%201.25%201.69%201.88%201.38-2.13%201.88-3.96%201.13-4.7-.74-.75-2.57-.25-4.7%201.13.63.52%201.26%201.08%201.88%201.69m-7.08%207.08c-.61-.62-1.17-1.25-1.69-1.88-1.38%202.13-1.88%203.96-1.13%204.7.74.75%202.57.25%204.7-1.13-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25%202.57%201.13%204.7.52-.63%201.08-1.26%201.69-1.88.62-.61%201.25-1.17%201.88-1.69-2.13-1.38-3.96-1.88-4.7-1.13m4.24%208.48c.7.7%201.42%201.34%202.12%201.91.7-.57%201.42-1.21%202.12-1.91s1.34-1.42%201.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7%208.54%2012%207.97c-.7.57-1.42%201.21-2.12%201.91S8.54%2011.3%207.97%2012c.57.7%201.21%201.42%201.91%202.12m8.48%204.24c.75-.74.25-2.57-1.13-4.7-.52.63-1.08%201.26-1.69%201.88-.62.61-1.25%201.17-1.88%201.69%202.13%201.38%203.96%201.88%204.7%201.13%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="rendering/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022A10%2010%200%200%201%202%2012%2010%2010%200%200%201%2012%202c5.5%200%2010%204%2010%209a6%206%200%200%201-6%206h-1.8c-.3%200-.5.2-.5.5%200%20.1.1.2.1.3.4.5.6%201.1.6%201.7.1%201.4-1%202.5-2.4%202.5m0-18a8%208%200%200%200-8%208%208%208%200%200%200%208%208c.3%200%20.5-.2.5-.5%200-.2-.1-.3-.1-.4-.4-.5-.6-1-.6-1.6%200-1.4%201.1-2.5%202.5-2.5H16a4%204%200%200%200%204-4c0-3.9-3.6-7-8-7m-5.5%206c.8%200%201.5.7%201.5%201.5S7.3%2013%206.5%2013%205%2012.3%205%2011.5%205.7%2010%206.5%2010m3-4c.8%200%201.5.7%201.5%201.5S10.3%209%209.5%209%208%208.3%208%207.5%208.7%206%209.5%206m5%200c.8%200%201.5.7%201.5%201.5S15.3%209%2014.5%209%2013%208.3%2013%207.5%2013.7%206%2014.5%206m3%204c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5.7-1.5%201.5-1.5%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022A10%2010%200%200%201%202%2012%2010%2010%200%200%201%2012%202c5.5%200%2010%204%2010%209a6%206%200%200%201-6%206h-1.8c-.3%200-.5.2-.5.5%200%20.1.1.2.1.3.4.5.6%201.1.6%201.7.1%201.4-1%202.5-2.4%202.5m0-18a8%208%200%200%200-8%208%208%208%200%200%200%208%208c.3%200%20.5-.2.5-.5%200-.2-.1-.3-.1-.4-.4-.5-.6-1-.6-1.6%200-1.4%201.1-2.5%202.5-2.5H16a4%204%200%200%200%204-4c0-3.9-3.6-7-8-7m-5.5%206c.8%200%201.5.7%201.5%201.5S7.3%2013%206.5%2013%205%2012.3%205%2011.5%205.7%2010%206.5%2010m3-4c.8%200%201.5.7%201.5%201.5S10.3%209%209.5%209%208%208.3%208%207.5%208.7%206%209.5%206m5%200c.8%200%201.5.7%201.5%201.5S15.3%209%2014.5%209%2013%208.3%2013%207.5%2013.7%206%2014.5%206m3%204c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5.7-1.5%201.5-1.5%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="audio/"]:not([href$="audio/audio/"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203.23v2.06c2.89.86%205%203.54%205%206.71s-2.11%205.84-5%206.7v2.07c4-.91%207-4.49%207-8.77s-3-7.86-7-8.77M16.5%2012c0-1.77-1-3.29-2.5-4.03V16c1.5-.71%202.5-2.24%202.5-4M3%209v6h4l5%205V4L7%209z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%203.23v2.06c2.89.86%205%203.54%205%206.71s-2.11%205.84-5%206.7v2.07c4-.91%207-4.49%207-8.77s-3-7.86-7-8.77M16.5%2012c0-1.77-1-3.29-2.5-4.03V16c1.5-.71%202.5-2.24%202.5-4M3%209v6h4l5%205V4L7%209z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="animation/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v10h2V4h10V2zm4%204a2%202%200%200%200-2%202v10h2V8h10V6zm12%206v8h-8v-8zm0-2h-8a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2v-8a2%202%200%200%200-2-2m-6%203v6l4-3z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%202a2%202%200%200%200-2%202v10h2V4h10V2zm4%204a2%202%200%200%200-2%202v10h2V8h10V6zm12%206v8h-8v-8zm0-2h-8a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2v-8a2%202%200%200%200-2-2m-6%203v6l4-3z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="core/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%208a4%204%200%200%201%204%204%204%204%200%200%201-4%204%204%204%200%200%201-4-4%204%204%200%200%201%204-4m0%202a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2m-2%2012c-.25%200-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49%201.01c-.22.08-.49%200-.61-.22l-2-3.46a.493.493%200%200%201%20.12-.64l2.11-1.66L4.5%2012l.07-1-2.11-1.63a.493.493%200%200%201-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49%201c.52-.39%201.06-.73%201.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25%200%20.46.18.5.42l.37%202.65c.63.25%201.17.59%201.69.98l2.49-1c.22-.09.49%200%20.61.22l2%203.46c.13.22.07.49-.12.64L19.43%2011l.07%201-.07%201%202.11%201.63c.19.15.25.42.12.64l-2%203.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98l-.37%202.65c-.04.24-.25.42-.5.42zm1.25-18-.37%202.61c-1.2.25-2.26.89-3.03%201.78L5.44%207.35l-.75%201.3L6.8%2010.2a5.55%205.55%200%200%200%200%203.6l-2.12%201.56.75%201.3%202.43-1.04c.77.88%201.82%201.52%203.01%201.76l.37%202.62h1.52l.37-2.61c1.19-.25%202.24-.89%203.01-1.77l2.43%201.04.75-1.3-2.12-1.55c.4-1.17.4-2.44%200-3.61l2.11-1.55-.75-1.3-2.41%201.04a5.42%205.42%200%200%200-3.03-1.77L12.75%204z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%208a4%204%200%200%201%204%204%204%204%200%200%201-4%204%204%204%200%200%201-4-4%204%204%200%200%201%204-4m0%202a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2m-2%2012c-.25%200-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49%201.01c-.22.08-.49%200-.61-.22l-2-3.46a.493.493%200%200%201%20.12-.64l2.11-1.66L4.5%2012l.07-1-2.11-1.63a.493.493%200%200%201-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49%201c.52-.39%201.06-.73%201.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25%200%20.46.18.5.42l.37%202.65c.63.25%201.17.59%201.69.98l2.49-1c.22-.09.49%200%20.61.22l2%203.46c.13.22.07.49-.12.64L19.43%2011l.07%201-.07%201%202.11%201.63c.19.15.25.42.12.64l-2%203.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98l-.37%202.65c-.04.24-.25.42-.5.42zm1.25-18-.37%202.61c-1.2.25-2.26.89-3.03%201.78L5.44%207.35l-.75%201.3L6.8%2010.2a5.55%205.55%200%200%200%200%203.6l-2.12%201.56.75%201.3%202.43-1.04c.77.88%201.82%201.52%203.01%201.76l.37%202.62h1.52l.37-2.61c1.19-.25%202.24-.89%203.01-1.77l2.43%201.04.75-1.3-2.12-1.55c.4-1.17.4-2.44%200-3.61l2.11-1.55-.75-1.3-2.41%201.04a5.42%205.42%200%200%200-3.03-1.77L12.75%204z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="attributes/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2013c-1.86%200-3.41%201.28-3.86%203H2v2h2.14c.45%201.72%202%203%203.86%203s3.41-1.28%203.86-3H22v-2H11.86c-.45-1.72-2-3-3.86-3m0%206c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202M19.86%206c-.45-1.72-2-3-3.86-3s-3.41%201.28-3.86%203H2v2h10.14c.45%201.72%202%203%203.86%203s3.41-1.28%203.86-3H22V6zM16%209c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%2013c-1.86%200-3.41%201.28-3.86%203H2v2h2.14c.45%201.72%202%203%203.86%203s3.41-1.28%203.86-3H22v-2H11.86c-.45-1.72-2-3-3.86-3m0%206c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202M19.86%206c-.45-1.72-2-3-3.86-3s-3.41%201.28-3.86%203H2v2h10.14c.45%201.72%202%203%203.86%203s3.41-1.28%203.86-3H22V6zM16%209c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="learn/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21.33%2012.91c.09%201.55-.62%203.04-1.89%203.95l.77%201.49c.23.45.26.98.06%201.45-.19.47-.58.84-1.06%201l-.79.25a1.687%201.687%200%200%201-1.86-.55L14.44%2018c-.89-.15-1.73-.53-2.44-1.1-.5.15-1%20.23-1.5.23-.88%200-1.76-.27-2.5-.79-.53.16-1.07.23-1.62.22-.79.01-1.57-.15-2.3-.45a4.1%204.1%200%200%201-2.43-3.61c-.08-.72.04-1.45.35-2.11-.29-.75-.32-1.57-.07-2.33C2.3%207.11%203%206.32%203.87%205.82c.58-1.69%202.21-2.82%204-2.7%201.6-1.5%204.05-1.66%205.83-.37.42-.11.86-.17%201.3-.17%201.36-.03%202.65.57%203.5%201.64%202.04.53%203.5%202.35%203.58%204.47.05%201.11-.25%202.2-.86%203.13.07.36.11.72.11%201.09m-5-1.41c.57.07%201.02.5%201.02%201.07a1%201%200%200%201-1%201h-.63c-.32.9-.88%201.69-1.62%202.29.25.09.51.14.77.21%205.13-.07%204.53-3.2%204.53-3.25a2.59%202.59%200%200%200-2.69-2.49%201%201%200%200%201-1-1%201%201%200%200%201%201-1c1.23.03%202.41.49%203.33%201.3.05-.29.08-.59.08-.89-.06-1.24-.62-2.32-2.87-2.53-1.25-2.96-4.4-1.32-4.4-.4-.03.23.21.72.25.75a1%201%200%200%201%201%201c0%20.55-.45%201-1%201-.53-.02-1.03-.22-1.43-.56-.48.31-1.03.5-1.6.56-.57.05-1.04-.35-1.07-.9a.97.97%200%200%201%20.88-1.1c.16-.02.94-.14.94-.77%200-.66.25-1.29.68-1.79-.92-.25-1.91.08-2.91%201.29C6.75%205%206%205.25%205.45%207.2%204.5%207.67%204%208%203.78%209c1.08-.22%202.19-.13%203.22.25.5.19.78.75.59%201.29-.19.52-.77.78-1.29.59-.73-.32-1.55-.34-2.3-.06-.32.27-.32.83-.32%201.27%200%20.74.37%201.43%201%201.83.53.27%201.12.41%201.71.4q-.225-.39-.39-.81a1.038%201.038%200%200%201%201.96-.68c.4%201.14%201.42%201.92%202.62%202.05%201.37-.07%202.59-.88%203.19-2.13.23-1.38%201.34-1.5%202.56-1.5m2%207.47-.62-1.3-.71.16%201%201.25zm-4.65-8.61a1%201%200%200%200-.91-1.03c-.71-.04-1.4.2-1.93.67-.57.58-.87%201.38-.84%202.19a1%201%200%200%200%201%201c.57%200%201-.45%201-1%200-.27.07-.54.23-.76.12-.1.27-.15.43-.15.55.03%201.02-.38%201.02-.92%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21.33%2012.91c.09%201.55-.62%203.04-1.89%203.95l.77%201.49c.23.45.26.98.06%201.45-.19.47-.58.84-1.06%201l-.79.25a1.687%201.687%200%200%201-1.86-.55L14.44%2018c-.89-.15-1.73-.53-2.44-1.1-.5.15-1%20.23-1.5.23-.88%200-1.76-.27-2.5-.79-.53.16-1.07.23-1.62.22-.79.01-1.57-.15-2.3-.45a4.1%204.1%200%200%201-2.43-3.61c-.08-.72.04-1.45.35-2.11-.29-.75-.32-1.57-.07-2.33C2.3%207.11%203%206.32%203.87%205.82c.58-1.69%202.21-2.82%204-2.7%201.6-1.5%204.05-1.66%205.83-.37.42-.11.86-.17%201.3-.17%201.36-.03%202.65.57%203.5%201.64%202.04.53%203.5%202.35%203.58%204.47.05%201.11-.25%202.2-.86%203.13.07.36.11.72.11%201.09m-5-1.41c.57.07%201.02.5%201.02%201.07a1%201%200%200%201-1%201h-.63c-.32.9-.88%201.69-1.62%202.29.25.09.51.14.77.21%205.13-.07%204.53-3.2%204.53-3.25a2.59%202.59%200%200%200-2.69-2.49%201%201%200%200%201-1-1%201%201%200%200%201%201-1c1.23.03%202.41.49%203.33%201.3.05-.29.08-.59.08-.89-.06-1.24-.62-2.32-2.87-2.53-1.25-2.96-4.4-1.32-4.4-.4-.03.23.21.72.25.75a1%201%200%200%201%201%201c0%20.55-.45%201-1%201-.53-.02-1.03-.22-1.43-.56-.48.31-1.03.5-1.6.56-.57.05-1.04-.35-1.07-.9a.97.97%200%200%201%20.88-1.1c.16-.02.94-.14.94-.77%200-.66.25-1.29.68-1.79-.92-.25-1.91.08-2.91%201.29C6.75%205%206%205.25%205.45%207.2%204.5%207.67%204%208%203.78%209c1.08-.22%202.19-.13%203.22.25.5.19.78.75.59%201.29-.19.52-.77.78-1.29.59-.73-.32-1.55-.34-2.3-.06-.32.27-.32.83-.32%201.27%200%20.74.37%201.43%201%201.83.53.27%201.12.41%201.71.4q-.225-.39-.39-.81a1.038%201.038%200%200%201%201.96-.68c.4%201.14%201.42%201.92%202.62%202.05%201.37-.07%202.59-.88%203.19-2.13.23-1.38%201.34-1.5%202.56-1.5m2%207.47-.62-1.3-.71.16%201%201.25zm-4.65-8.61a1%201%200%200%200-.91-1.03c-.71-.04-1.4.2-1.93.67-.57.58-.87%201.38-.84%202.19a1%201%200%200%200%201%201c.57%200%201-.45%201-1%200-.27.07-.54.23-.76.12-.1.27-.15.43-.15.55.03%201.02-.38%201.02-.92%22%2F%3E%3C%2Fsvg%3E"); }
/* leaves + injected Example Projects section anchors */
.md-nav--primary a.md-nav__link[href$="robots/"]:not([href*="-robots"])::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.41%204%2016%206.41v.18L18.41%209H22v2h-4.41L16%209.41V12h-1a2%202%200%200%201-2-2V7.5H9.86c-.09.37-.24.72-.44%201.05L15.18%2019H20a2%202%200%200%201%202%202v1H2v-1a2%202%200%200%201%202-2h6.61l-4.69-8.5a4.006%204.006%200%200%201-3.81-3A4%204%200%200%201%205%202.63c2.13-.55%204.31.73%204.86%202.87H13V3a2%202%200%200%201%202-2h1v2.59L17.59%202H22v2zM6%204.5a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.41%204%2016%206.41v.18L18.41%209H22v2h-4.41L16%209.41V12h-1a2%202%200%200%201-2-2V7.5H9.86c-.09.37-.24.72-.44%201.05L15.18%2019H20a2%202%200%200%201%202%202v1H2v-1a2%202%200%200%201%202-2h6.61l-4.69-8.5a4.006%204.006%200%200%201-3.81-3A4%204%200%200%201%205%202.63c2.13-.55%204.31.73%204.86%202.87H13V3a2%202%200%200%201%202-2h1v2.59L17.59%202H22v2zM6%204.5a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="get-started/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208m0-18A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010%2010%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m-2%2014.5%206-4.5-6-4.5z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208m0-18A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010%2010%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m-2%2014.5%206-4.5-6-4.5z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="lerobot-sim-to-real/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.41%204%2016%206.41v.18L18.41%209H22v2h-4.41L16%209.41V12h-1a2%202%200%200%201-2-2V7.5H9.86c-.09.37-.24.72-.44%201.05L15.18%2019H20a2%202%200%200%201%202%202v1H2v-1a2%202%200%200%201%202-2h6.61l-4.69-8.5a4.006%204.006%200%200%201-3.81-3A4%204%200%200%201%205%202.63c2.13-.55%204.31.73%204.86%202.87H13V3a2%202%200%200%201%202-2h1v2.59L17.59%202H22v2zM6%204.5a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.41%204%2016%206.41v.18L18.41%209H22v2h-4.41L16%209.41V12h-1a2%202%200%200%201-2-2V7.5H9.86c-.09.37-.24.72-.44%201.05L15.18%2019H20a2%202%200%200%201%202%202v1H2v-1a2%202%200%200%201%202-2h6.61l-4.69-8.5a4.006%204.006%200%200%201-3.81-3A4%204%200%200%201%205%202.63c2.13-.55%204.31.73%204.86%202.87H13V3a2%202%200%200%201%202-2h1v2.59L17.59%202H22v2zM6%204.5a2%202%200%200%200-2%202%202%202%200%200%200%202%202%202%202%200%200%200%202-2%202%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="whats-new/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%2015.39-3.76%202.27.99-4.28-3.32-2.88%204.38-.37L12%206.09l1.71%204.04%204.38.37-3.32%202.88.99%204.28M22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.45%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.64-7.03z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%2015.39-3.76%202.27.99-4.28-3.32-2.88%204.38-.37L12%206.09l1.71%204.04%204.38.37-3.32%202.88.99%204.28M22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.45%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.64-7.03z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="release-notes/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%203c-1.11%200-2%20.89-2%202v14c0%201.11.89%202%202%202h14c1.11%200%202-.89%202-2V5c0-1.11-.89-2-2-2zm0%202h14v14H5zm2%202v2h10V7zm0%204v2h10v-2zm0%204v2h7v-2z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%203c-1.11%200-2%20.89-2%202v14c0%201.11.89%202%202%202h14c1.11%200%202-.89%202-2V5c0-1.11-.89-2-2-2zm0%202h14v14H5zm2%202v2h10V7zm0%204v2h10v-2zm0%204v2h7v-2z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="editor-interface/"]::before,
.md-nav--primary a.md-nav__link[href$="layouts-and-docking/"]::before,
.md-nav--primary a.md-nav__link[href$="settings/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v2h-4V5zM9%205v6H5V5zm10%208v6h-4v-6zM9%2017v2H5v-2zM21%203h-8v6h8zM11%203H3v10h8zm10%208h-8v10h8zm-10%204H3v6h8z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v2h-4V5zM9%205v6H5V5zm10%208v6h-4v-6zM9%2017v2H5v-2zM21%203h-8v6h8zM11%203H3v10h8zm10%208h-8v10h8zm-10%204H3v6h8z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="viewport-navigation/"]::before,
.md-nav--primary a.md-nav__link[href$="viewport/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%206v5h5V7.75L22.25%2012%2018%2016.25V13h-5v5h3.25L12%2022.25%207.75%2018H11v-5H6v3.25L1.75%2012%206%207.75V11h5V6H7.75L12%201.75%2016.25%206z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%206v5h5V7.75L22.25%2012%2018%2016.25V13h-5v5h3.25L12%2022.25%207.75%2018H11v-5H6v3.25L1.75%2012%206%207.75V11h5V6H7.75L12%201.75%2016.25%206z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="units/"]::before,
.md-nav--primary a.md-nav__link[href$="editing-values/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m1.39%2018.36%201.77-1.76L4.58%2018l1.06-1.05-1.42-1.41%201.42-1.42%202.47%202.48%201.06-1.06-2.47-2.48%201.41-1.41%201.42%201.41L10.59%2012l-1.42-1.41%201.42-1.42%202.47%202.48%201.06-1.06-2.47-2.48%201.41-1.41%201.41%201.41%201.07-1.06-1.42-1.41%201.42-1.42L18%206.7l1.07-1.06-2.47-2.48%201.76-1.77%204.25%204.25L5.64%2022.61z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m1.39%2018.36%201.77-1.76L4.58%2018l1.06-1.05-1.42-1.41%201.42-1.42%202.47%202.48%201.06-1.06-2.47-2.48%201.41-1.41%201.42%201.41L10.59%2012l-1.42-1.41%201.42-1.42%202.47%202.48%201.06-1.06-2.47-2.48%201.41-1.41%201.41%201.41%201.07-1.06-1.42-1.41%201.42-1.42L18%206.7l1.07-1.06-2.47-2.48%201.76-1.77%204.25%204.25L5.64%2022.61z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="assets/"]::before,
.md-nav--primary a.md-nav__link[href$="file-viewers/"]::before,
.md-nav--primary a.md-nav__link[href$="content-vault/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2018H4V8h16m0-2h-8l-2-2H4c-1.11%200-2%20.89-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2018H4V8h16m0-2h-8l-2-2H4c-1.11%200-2%20.89-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V8a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="time-manager/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020a8%208%200%200%200%208-8%208%208%200%200%200-8-8%208%208%200%200%200-8%208%208%208%200%200%200%208%208m0-18a10%2010%200%200%201%2010%2010%2010%2010%200%200%201-10%2010C6.47%2022%202%2017.5%202%2012A10%2010%200%200%201%2012%202m.5%205v5.25l4.5%202.67-.75%201.23L11%2013V7z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020a8%208%200%200%200%208-8%208%208%200%200%200-8-8%208%208%200%200%200-8%208%208%208%200%200%200%208%208m0-18a10%2010%200%200%201%2010%2010%2010%2010%200%200%201-10%2010C6.47%2022%202%2017.5%202%2012A10%2010%200%200%201%2012%202m.5%205v5.25l4.5%202.67-.75%201.23L11%2013V7z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="grpc-api/"]::before,
.md-nav--primary a.md-nav__link[href$="mcp-server/"]::before,
.md-nav--primary a.md-nav__link[href$="command-line/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016v-3c0-1.11-.89-2-2-2h-6V8h2V2H9v6h2v3H5c-1.11%200-2%20.89-2%202v3H1v6h6v-6H5v-3h6v3H9v6h6v-6h-2v-3h6v3h-2v6h6v-6zM11%204h2v2h-2zM5%2020H3v-2h2zm8%200h-2v-2h2zm8%200h-2v-2h2z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2016v-3c0-1.11-.89-2-2-2h-6V8h2V2H9v6h2v3H5c-1.11%200-2%20.89-2%202v3H1v6h6v-6H5v-3h6v3H9v6h6v-6h-2v-3h6v3h-2v6h6v-6zM11%204h2v2h-2zM5%2020H3v-2h2zm8%200h-2v-2h2zm8%200h-2v-2h2z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="example-projects/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2011h8V3H3m2%202h4v4H5m8%2012h8v-8h-8m2%202h4v4h-4M3%2021h8v-8H3m2%202h4v4H5m8-16v8h8V3m-2%206h-4V5h4Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2011h8V3H3m2%202h4v4H5m8%2012h8v-8h-8m2%202h4v4h-4M3%2021h8v-8H3m2%202h4v4H5m8-16v8h8V3m-2%206h-4V5h4Z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="documentation-example/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m19%201-5%205v11l5-4.5zm2%204v13.5c-1.1-.35-2.3-.5-3.5-.5-1.7%200-4.15.65-5.5%201.5V6c-1.45-1.1-3.55-1.5-5.5-1.5S2.45%204.9%201%206v14.65c0%20.25.25.5.5.5.1%200%20.15-.05.25-.05C3.1%2020.45%205.05%2020%206.5%2020c1.95%200%204.05.4%205.5%201.5%201.35-.85%203.8-1.5%205.5-1.5%201.65%200%203.35.3%204.75%201.05.1.05.15.05.25.05.25%200%20.5-.25.5-.5V6c-.6-.45-1.25-.75-2-1M10%2018.41C8.75%2018.09%207.5%2018%206.5%2018c-1.06%200-2.32.19-3.5.5V7.13c.91-.4%202.14-.63%203.5-.63s2.59.23%203.5.63z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m19%201-5%205v11l5-4.5zm2%204v13.5c-1.1-.35-2.3-.5-3.5-.5-1.7%200-4.15.65-5.5%201.5V6c-1.45-1.1-3.55-1.5-5.5-1.5S2.45%204.9%201%206v14.65c0%20.25.25.5.5.5.1%200%20.15-.05.25-.05C3.1%2020.45%205.05%2020%206.5%2020c1.95%200%204.05.4%205.5%201.5%201.35-.85%203.8-1.5%205.5-1.5%201.65%200%203.35.3%204.75%201.05.1.05.15.05.25.05.25%200%20.5-.25.5-.5V6c-.6-.45-1.25-.75-2-1M10%2018.41C8.75%2018.09%207.5%2018%206.5%2018c-1.06%200-2.32.19-3.5.5V7.13c.91-.4%202.14-.63%203.5-.63s2.59.23%203.5.63z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="#welcome"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.5%2015.5c0%20.37-.1.7-.28%201-.34-.59-.98-1-1.72-1s-1.38.41-1.72%201c-.17-.3-.28-.63-.28-1%200-1.1.9-2%202-2s2%20.9%202%202M23%2015v3c0%20.55-.45%201-1%201h-1v1c0%201.11-.89%202-2%202H5a2%202%200%200%201-2-2v-1H2c-.55%200-1-.45-1-1v-3c0-.55.45-1%201-1h1c0-3.87%203.13-7%207-7h1V5.73c-.6-.34-1-.99-1-1.73%200-1.1.9-2%202-2s2%20.9%202%202c0%20.74-.4%201.39-1%201.73V7h1c3.87%200%207%203.13%207%207h1c.55%200%201%20.45%201%201m-2%201h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76%200-5%202.24-5%205v2H3v1h2v3h14v-3h2zm-5.5-2.5c-1.1%200-2%20.9-2%202%200%20.37.11.7.28%201%20.34-.59.98-1%201.72-1s1.38.41%201.72%201c.18-.3.28-.63.28-1a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.5%2015.5c0%20.37-.1.7-.28%201-.34-.59-.98-1-1.72-1s-1.38.41-1.72%201c-.17-.3-.28-.63-.28-1%200-1.1.9-2%202-2s2%20.9%202%202M23%2015v3c0%20.55-.45%201-1%201h-1v1c0%201.11-.89%202-2%202H5a2%202%200%200%201-2-2v-1H2c-.55%200-1-.45-1-1v-3c0-.55.45-1%201-1h1c0-3.87%203.13-7%207-7h1V5.73c-.6-.34-1-.99-1-1.73%200-1.1.9-2%202-2s2%20.9%202%202c0%20.74-.4%201.39-1%201.73V7h1c3.87%200%207%203.13%207%207h1c.55%200%201%20.45%201%201m-2%201h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76%200-5%202.24-5%205v2H3v1h2v3h14v-3h2zm-5.5-2.5c-1.1%200-2%20.9-2%202%200%20.37.11.7.28%201%20.34-.59.98-1%201.72-1s1.38.41%201.72%201c.18-.3.28-.63.28-1a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="#piper-pattern-stacking"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%2018.54%207.37-5.74L21%2014.07l-9%207-9-7%201.62-1.26zM12%2016%203%209l9-7%209%207zm0-11.47L6.26%209%2012%2013.47%2017.74%209z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%2018.54%207.37-5.74L21%2014.07l-9%207-9-7%201.62-1.26zM12%2016%203%209l9-7%209%207zm0-11.47L6.26%209%2012%2013.47%2017.74%209z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="#walking-pick-and-place"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.12%2010H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84-.18%200-.34.03-.5.08L6%205.8V11h1.8V7.33l2.11-.66L6%2022h1.8l2.87-8.11L13%2017v5h1.8v-6.41l-2.49-4.54.73-2.87M14%203.8c1%200%201.8-.8%201.8-1.8S15%20.2%2014%20.2%2012.2%201%2012.2%202%2013%203.8%2014%203.8%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.12%2010H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84-.18%200-.34.03-.5.08L6%205.8V11h1.8V7.33l2.11-.66L6%2022h1.8l2.87-8.11L13%2017v5h1.8v-6.41l-2.49-4.54.73-2.87M14%203.8c1%200%201.8-.8%201.8-1.8S15%20.2%2014%20.2%2012.2%201%2012.2%202%2013%203.8%2014%203.8%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="entity-lifecycle/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%206v3l4-4-4-4v3a8%208%200%200%200-8%208c0%201.57.46%203.03%201.24%204.26L6.7%2014.8A5.9%205.9%200%200%201%206%2012a6%206%200%200%201%206-6m6.76%201.74L17.3%209.2c.44.84.7%201.8.7%202.8a6%206%200%200%201-6%206v-3l-4%204%204%204v-3a8%208%200%200%200%208-8c0-1.57-.46-3.03-1.24-4.26%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%206v3l4-4-4-4v3a8%208%200%200%200-8%208c0%201.57.46%203.03%201.24%204.26L6.7%2014.8A5.9%205.9%200%200%201%206%2012a6%206%200%200%201%206-6m6.76%201.74L17.3%209.2c.44.84.7%201.8.7%202.8a6%206%200%200%201-6%206v-3l-4%204%204%204v-3a8%208%200%200%200%208-8c0-1.57-.46-3.03-1.24-4.26%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="working-with-components/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206V5a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v1h-2V5a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v1H3v14h18V6m-2%2012H5V8h14Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206V5a2%202%200%200%200-2-2h-2a2%202%200%200%200-2%202v1h-2V5a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v1H3v14h18V6m-2%2012H5V8h14Z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="time-runners/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13.5%205.5c1.09%200%202-.92%202-2a2%202%200%200%200-2-2c-1.11%200-2%20.88-2%202%200%201.08.89%202%202%202M9.89%2019.38l1-4.38L13%2017v6h2v-7.5l-2.11-2%20.61-3A7.3%207.3%200%200%200%2019%2013v-2c-1.91%200-3.5-1-4.31-2.42l-1-1.58c-.4-.62-1-1-1.69-1-.31%200-.5.08-.81.08L6%208.28V13h2V9.58l1.79-.7L8.19%2017l-4.9-1-.4%202z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13.5%205.5c1.09%200%202-.92%202-2a2%202%200%200%200-2-2c-1.11%200-2%20.88-2%202%200%201.08.89%202%202%202M9.89%2019.38l1-4.38L13%2017v6h2v-7.5l-2.11-2%20.61-3A7.3%207.3%200%200%200%2019%2013v-2c-1.91%200-3.5-1-4.31-2.42l-1-1.58c-.4-.62-1-1-1.69-1-.31%200-.5.08-.81.08L6%208.28V13h2V9.58l1.79-.7L8.19%2017l-4.9-1-.4%202z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="editor-attributes/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.41%2011.58-9-9A2%202%200%200%200%2011%202H4a2%202%200%200%200-2%202v7a2%202%200%200%200%20.59%201.42l9%209A2%202%200%200%200%2013%2022a2%202%200%200%200%201.41-.59l7-7A2%202%200%200%200%2022%2013a2%202%200%200%200-.59-1.42M13%2020l-9-9V4h7l9%209M6.5%205A1.5%201.5%200%201%201%205%206.5%201.5%201.5%200%200%201%206.5%205%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.41%2011.58-9-9A2%202%200%200%200%2011%202H4a2%202%200%200%200-2%202v7a2%202%200%200%200%20.59%201.42l9%209A2%202%200%200%200%2013%2022a2%202%200%200%200%201.41-.59l7-7A2%202%200%200%200%2022%2013a2%202%200%200%200-.59-1.42M13%2020l-9-9V4h7l9%209M6.5%205A1.5%201.5%200%201%201%205%206.5%201.5%201.5%200%200%201%206.5%205%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="input/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%205a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2zm0%202h16v10H4zm1%201v2h2V8zm3%200v2h2V8zm3%200v2h2V8zm3%200v2h2V8zm3%200v2h2V8zM5%2011v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm-9%203v2h8v-2z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%205a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2zm0%202h16v10H4zm1%201v2h2V8zm3%200v2h2V8zm3%200v2h2V8zm3%200v2h2V8zm3%200v2h2V8zM5%2011v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm3%200v2h2v-2zm-9%203v2h8v-2z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="controlling-robots/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%202%204%204h-3v7.85l6.53%203.76L21%2015.03l1.5%205.47-5.5%201.46%201.53-2.61L12%2015.58l-6.53%203.77L7%2021.96%201.5%2020.5%203%2015.03l1.47%202.58L11%2013.85V6H8z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m12%202%204%204h-3v7.85l6.53%203.76L21%2015.03l1.5%205.47-5.5%201.46%201.53-2.61L12%2015.58l-6.53%203.77L7%2021.96%201.5%2020.5%203%2015.03l1.47%202.58L11%2013.85V6H8z%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="recording/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010%2010%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m0%202a8%208%200%200%201%208%208%208%208%200%200%201-8%208%208%208%200%200%201-8-8%208%208%200%200%201%208-8m0%205a3%203%200%200%200-3%203%203%203%200%200%200%203%203%203%203%200%200%200%203-3%203%203%200%200%200-3-3%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010%2010%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202m0%202a8%208%200%200%201%208%208%208%208%200%200%201-8%208%208%208%200%200%201-8-8%208%208%200%200%201%208-8m0%205a3%203%200%200%200-3%203%203%203%200%200%200%203%203%203%203%200%200%200%203-3%203%203%200%200%200-3-3%22%2F%3E%3C%2Fsvg%3E"); }
.md-nav--primary a.md-nav__link[href$="recording-advanced/"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2018a6%206%200%200%201-6-6c0-1%20.25-1.97.7-2.8L5.24%207.74A7.93%207.93%200%200%200%204%2012a8%208%200%200%200%208%208v3l4-4-4-4m0-11V1L8%205l4%204V6a6%206%200%200%201%206%206c0%201-.25%201.97-.7%202.8l1.46%201.46A7.93%207.93%200%200%200%2020%2012a8%208%200%200%200-8-8%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2018a6%206%200%200%201-6-6c0-1%20.25-1.97.7-2.8L5.24%207.74A7.93%207.93%200%200%200%204%2012a8%208%200%200%200%208%208v3l4-4-4-4m0-11V1L8%205l4%204V6a6%206%200%200%201%206%206c0%201-.25%201.97-.7%202.8l1.46%201.46A7.93%207.93%200%200%200%2020%2012a8%208%200%200%200-8-8%22%2F%3E%3C%2Fsvg%3E"); }