/* Shared navigation icons: 16px pixel-art SVGs keyed to nav links and tool
   launcher buttons. Two sets share the sizing rules: pixel art for word97,
   chicago and midnight, and smooth lines for gloss and engagify (the
   "Smooth-line set" block at the end). Sizing rules list all five themes;
   glyph rules list only their set's themes. Never target the theme
   menu (.theme-swatch, .theme-menu__trigger, .theme-menu__option). */

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button::before {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/activity/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/activity/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='8' width='3' height='1' fill='%23008000'/><rect x='4' y='4' width='1' height='5' fill='%23008000'/><rect x='5' y='4' width='1' height='1' fill='%23008000'/><rect x='6' y='4' width='1' height='8' fill='%23008000'/><rect x='7' y='11' width='1' height='1' fill='%23008000'/><rect x='8' y='6' width='1' height='6' fill='%23008000'/><rect x='9' y='6' width='1' height='1' fill='%23008000'/><rect x='10' y='6' width='1' height='3' fill='%23008000'/><rect x='11' y='8' width='4' height='1' fill='%23008000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/forte"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/forte"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='2' width='14' height='11' fill='%23004080'/><rect x='2' y='4' width='12' height='8' fill='%23ffffff'/><rect x='6' y='4' width='1' height='8' fill='%23004080'/><rect x='10' y='4' width='1' height='8' fill='%23004080'/><rect x='3' y='6' width='2' height='1' fill='%23808080'/><rect x='3' y='9' width='2' height='1' fill='%23808080'/><rect x='12' y='6' width='2' height='1' fill='%23808080'/><rect x='12' y='9' width='2' height='1' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/bookmarklets/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/bookmarklets/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='3' fill='%23c8a000'/><rect x='6' y='4' width='4' height='2' fill='%23c8a000'/><rect x='1' y='6' width='14' height='2' fill='%23c8a000'/><rect x='3' y='8' width='10' height='2' fill='%23c8a000'/><rect x='4' y='10' width='8' height='1' fill='%23c8a000'/><rect x='3' y='11' width='4' height='2' fill='%23c8a000'/><rect x='9' y='11' width='4' height='2' fill='%23c8a000'/><rect x='2' y='13' width='3' height='2' fill='%23c8a000'/><rect x='11' y='13' width='3' height='2' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/backup/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/backup/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='1' width='14' height='14' fill='%23000080'/><rect x='2' y='2' width='12' height='12' fill='%23000080'/><rect x='4' y='1' width='8' height='6' fill='%23ffffff'/><rect x='9' y='2' width='2' height='4' fill='%23000080'/><rect x='3' y='9' width='10' height='6' fill='%23ffffff'/><rect x='4' y='10' width='8' height='1' fill='%23808080'/><rect x='4' y='12' width='8' height='1' fill='%23808080'/><rect x='14' y='1' width='1' height='1' fill='%23c0c0c0'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/sqlite/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/sqlite/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='5' y='2' width='6' height='1' fill='%23800080'/><rect x='3' y='3' width='10' height='1' fill='%23800080'/><rect x='3' y='4' width='10' height='8' fill='%23800080'/><rect x='3' y='12' width='10' height='1' fill='%23800080'/><rect x='5' y='13' width='6' height='1' fill='%23800080'/><rect x='3' y='6' width='10' height='1' fill='%23400040'/><rect x='3' y='9' width='10' height='1' fill='%23400040'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/llm-exchanges/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/llm-exchanges/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='2' width='8' height='4' fill='%23ff8000'/><rect x='2' y='6' width='2' height='1' fill='%23ff8000'/><rect x='1' y='7' width='1' height='1' fill='%23ff8000'/><rect x='4' y='3' width='1' height='1' fill='%23ffffff'/><rect x='6' y='3' width='1' height='1' fill='%23ffffff'/><rect x='8' y='3' width='1' height='1' fill='%23ffffff'/><rect x='6' y='8' width='8' height='4' fill='%23404040'/><rect x='12' y='12' width='2' height='1' fill='%23404040'/><rect x='13' y='13' width='1' height='1' fill='%23404040'/><rect x='8' y='9' width='1' height='1' fill='%23ffffff'/><rect x='10' y='9' width='1' height='1' fill='%23ffffff'/><rect x='12' y='9' width='1' height='1' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/codebase/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/codebase/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='1' width='14' height='10' fill='%23000000'/><rect x='2' y='2' width='12' height='8' fill='%23008080'/><rect x='3' y='3' width='6' height='1' fill='%23ffffff'/><rect x='3' y='5' width='8' height='1' fill='%23ffffff'/><rect x='3' y='7' width='5' height='1' fill='%23ffffff'/><rect x='6' y='11' width='4' height='2' fill='%23808080'/><rect x='3' y='13' width='10' height='2' fill='%23c0c0c0'/><rect x='3' y='13' width='10' height='1' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/feature-flags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/feature-flags/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='2' height='14' fill='%23404040'/><rect x='5' y='2' width='9' height='7' fill='%23cc0000'/><rect x='12' y='3' width='3' height='5' fill='%23cc0000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/operations/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/operations/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='3' fill='%23008080'/><rect x='7' y='12' width='2' height='3' fill='%23008080'/><rect x='1' y='7' width='3' height='2' fill='%23008080'/><rect x='12' y='7' width='3' height='2' fill='%23008080'/><rect x='3' y='3' width='2' height='2' fill='%23008080'/><rect x='11' y='3' width='2' height='2' fill='%23008080'/><rect x='3' y='11' width='2' height='2' fill='%23008080'/><rect x='11' y='11' width='2' height='2' fill='%23008080'/><rect x='4' y='5' width='8' height='6' fill='%23008080'/><rect x='5' y='4' width='6' height='8' fill='%23008080'/><rect x='5' y='5' width='6' height='6' fill='%23c0c0c0'/><rect x='5' y='5' width='6' height='1' fill='%23ffffff'/><rect x='7' y='7' width='2' height='2' fill='%23000000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/deploy/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/deploy/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='1' fill='%23008000'/><rect x='6' y='2' width='4' height='1' fill='%23008000'/><rect x='5' y='3' width='6' height='1' fill='%23008000'/><rect x='4' y='4' width='8' height='1' fill='%23008000'/><rect x='7' y='5' width='2' height='6' fill='%23008000'/><rect x='1' y='10' width='1' height='4' fill='%23404040'/><rect x='14' y='10' width='1' height='4' fill='%23404040'/><rect x='1' y='13' width='14' height='2' fill='%23404040'/><rect x='2' y='13' width='12' height='1' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/offline/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/offline/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='2' width='12' height='10' fill='%23008000'/><rect x='3' y='3' width='10' height='8' fill='%23ffffff'/><rect x='4' y='5' width='3' height='1' fill='%23808080'/><rect x='4' y='7' width='3' height='1' fill='%23808080'/><rect x='9' y='5' width='3' height='1' fill='%23808080'/><rect x='9' y='7' width='3' height='1' fill='%23808080'/><rect x='7' y='3' width='2' height='8' fill='%23008000'/><rect x='2' y='12' width='12' height='2' fill='%23008000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/docs/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/docs/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='14' fill='%23000080'/><rect x='4' y='2' width='8' height='12' fill='%23ffffff'/><rect x='5' y='4' width='6' height='1' fill='%23808080'/><rect x='5' y='6' width='6' height='1' fill='%23808080'/><rect x='5' y='8' width='6' height='1' fill='%23808080'/><rect x='5' y='10' width='4' height='1' fill='%23808080'/><rect x='11' y='1' width='2' height='2' fill='%23c0c0c0'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/outbox/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/outbox/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='6' width='14' height='8' fill='%23808080'/><rect x='2' y='7' width='12' height='6' fill='%23c0c0c0'/><rect x='3' y='2' width='10' height='5' fill='%23ffffff'/><rect x='4' y='3' width='8' height='1' fill='%23000080'/><rect x='7' y='8' width='2' height='3' fill='%23000080'/><rect x='6' y='10' width='4' height='1' fill='%23000080'/><rect x='7' y='11' width='2' height='1' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/visitor-statistics/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/visitor-statistics/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='1' width='1' height='14' fill='%23000000'/><rect x='1' y='14' width='14' height='1' fill='%23000000'/><rect x='3' y='9' width='2' height='5' fill='%230000ff'/><rect x='6' y='5' width='2' height='9' fill='%23ff0000'/><rect x='9' y='7' width='2' height='7' fill='%23008000'/><rect x='12' y='3' width='2' height='11' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/user-access/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/user-access/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='2' height='1' fill='%23000080'/><rect x='2' y='2' width='4' height='3' fill='%23000080'/><rect x='3' y='5' width='2' height='1' fill='%23000080'/><rect x='1' y='6' width='6' height='1' fill='%23000080'/><rect x='0' y='7' width='8' height='7' fill='%23000080'/><rect x='11' y='1' width='3' height='1' fill='%23c8a000'/><rect x='10' y='2' width='1' height='3' fill='%23c8a000'/><rect x='14' y='2' width='1' height='3' fill='%23c8a000'/><rect x='11' y='5' width='3' height='1' fill='%23c8a000'/><rect x='12' y='6' width='2' height='9' fill='%23c8a000'/><rect x='14' y='10' width='2' height='1' fill='%23c8a000'/><rect x='14' y='13' width='2' height='1' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/tools/fastmod/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/tools/fastmod/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='1' width='2' height='14' fill='%23808080'/><rect x='7' y='1' width='2' height='14' fill='%23808080'/><rect x='12' y='1' width='2' height='14' fill='%23808080'/><rect x='0' y='9' width='6' height='3' fill='%23000080'/><rect x='5' y='4' width='6' height='3' fill='%23c80000'/><rect x='10' y='7' width='6' height='3' fill='%23008000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[href="/account/key/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tools-nav .nav-link[href="/account/key/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='5' width='5' height='2' fill='%23c8a000'/><rect x='2' y='9' width='5' height='2' fill='%23c8a000'/><rect x='2' y='7' width='2' height='2' fill='%23c8a000'/><rect x='5' y='7' width='2' height='2' fill='%23c8a000'/><rect x='7' y='7' width='7' height='2' fill='%23c8a000'/><rect x='11' y='9' width='1' height='2' fill='%23c8a000'/><rect x='13' y='9' width='1' height='3' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[data-bookmarklet-kind="url"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='2' width='8' height='1' fill='%23000080'/><rect x='2' y='3' width='10' height='1' fill='%23000080'/><rect x='1' y='4' width='12' height='6' fill='%23008080'/><rect x='2' y='10' width='10' height='1' fill='%23000080'/><rect x='3' y='11' width='8' height='1' fill='%23000080'/><rect x='6' y='2' width='2' height='10' fill='%23ffffff'/><rect x='1' y='6' width='12' height='2' fill='%23ffffff'/><rect x='11' y='9' width='2' height='6' fill='%23c8a000'/><rect x='9' y='11' width='6' height='2' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[data-bookmarklet-kind="clip"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='2' height='6' fill='%23404040'/><rect x='11' y='1' width='2' height='6' fill='%23404040'/><rect x='5' y='6' width='2' height='2' fill='%23404040'/><rect x='9' y='6' width='2' height='2' fill='%23404040'/><rect x='7' y='8' width='2' height='2' fill='%23000000'/><rect x='5' y='10' width='2' height='2' fill='%23808080'/><rect x='9' y='10' width='2' height='2' fill='%23808080'/><rect x='3' y='11' width='2' height='4' fill='%23808080'/><rect x='11' y='11' width='2' height='4' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[data-bookmarklet-kind="selection"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='11' fill='%23000000'/><rect x='4' y='2' width='8' height='10' fill='%23ffffff'/><rect x='5' y='4' width='6' height='1' fill='%23808080'/><rect x='5' y='6' width='6' height='1' fill='%23808080'/><rect x='5' y='8' width='4' height='1' fill='%23808080'/><rect x='4' y='12' width='2' height='2' fill='%23ffffff'/><rect x='7' y='12' width='2' height='1' fill='%23ffffff'/><rect x='10' y='12' width='2' height='2' fill='%23ffffff'/><rect x='5' y='14' width='1' height='1' fill='%23ffffff'/><rect x='8' y='13' width='1' height='1' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-button[data-bookmarklet-kind="tweet"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='13' y='6' width='2' height='1' fill='%231da1f2'/><rect x='10' y='4' width='4' height='4' fill='%231da1f2'/><rect x='5' y='6' width='6' height='1' fill='%231da1f2'/><rect x='3' y='7' width='8' height='5' fill='%231da1f2'/><rect x='2' y='6' width='2' height='1' fill='%231da1f2'/><rect x='1' y='7' width='2' height='1' fill='%231da1f2'/><rect x='0' y='8' width='2' height='1' fill='%231da1f2'/><rect x='1' y='11' width='2' height='1' fill='%231da1f2'/><rect x='3' y='12' width='2' height='1' fill='%231da1f2'/><rect x='11' y='5' width='1' height='1' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/about/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/users/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/recent/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/gallery/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/tools/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/account/key/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/invites/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/messages"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/unread"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href^="/profiles/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .new-post-button::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/compose/thread"]::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-right: 0.3rem;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='1' y='2' width='14' height='12' fill='%23000000'/><rect x='2' y='3' width='12' height='10' fill='%23ffffff'/><rect x='2' y='3' width='12' height='2' fill='%23000080'/><rect x='2' y='7' width='12' height='1' fill='%23808080'/><rect x='2' y='10' width='12' height='1' fill='%23808080'/><rect x='7' y='5' width='1' height='8' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/about/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='14' fill='%23000000'/><rect x='4' y='2' width='8' height='12' fill='%23ffffff'/><rect x='6' y='4' width='3' height='1' fill='%23000080'/><rect x='5' y='5' width='1' height='1' fill='%23000080'/><rect x='9' y='5' width='1' height='2' fill='%23000080'/><rect x='8' y='7' width='1' height='1' fill='%23000080'/><rect x='7' y='8' width='1' height='2' fill='%23000080'/><rect x='7' y='11' width='1' height='1' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/users/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='9' y='2' width='3' height='3' fill='%23808080'/><rect x='8' y='6' width='5' height='4' fill='%23808080'/><rect x='4' y='4' width='3' height='3' fill='%23000080'/><rect x='2' y='8' width='7' height='5' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/tools/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='2' y='2' width='2' height='3' fill='%23808080'/><rect x='5' y='2' width='2' height='3' fill='%23808080'/><rect x='2' y='4' width='5' height='2' fill='%23808080'/><rect x='5' y='6' width='2' height='2' fill='%23808080'/><rect x='6' y='7' width='2' height='2' fill='%23808080'/><rect x='7' y='8' width='2' height='2' fill='%23808080'/><rect x='8' y='9' width='2' height='2' fill='%23808080'/><rect x='9' y='10' width='2' height='2' fill='%23808080'/><rect x='10' y='11' width='3' height='3' fill='%23404040'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/account/key/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='2' y='5' width='5' height='2' fill='%23c8a000'/><rect x='2' y='9' width='5' height='2' fill='%23c8a000'/><rect x='2' y='7' width='2' height='2' fill='%23c8a000'/><rect x='5' y='7' width='2' height='2' fill='%23c8a000'/><rect x='7' y='7' width='7' height='2' fill='%23c8a000'/><rect x='11' y='9' width='1' height='2' fill='%23c8a000'/><rect x='13' y='9' width='1' height='3' fill='%23c8a000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/invites/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='1' y='4' width='13' height='9' fill='%23000000'/><rect x='2' y='5' width='11' height='7' fill='%23ffffff'/><rect x='2' y='5' width='2' height='1' fill='%23000080'/><rect x='4' y='6' width='2' height='1' fill='%23000080'/><rect x='6' y='7' width='2' height='1' fill='%23000080'/><rect x='11' y='5' width='2' height='1' fill='%23000080'/><rect x='9' y='6' width='2' height='1' fill='%23000080'/><rect x='7' y='7' width='2' height='1' fill='%23000080'/><rect x='6' y='8' width='3' height='3' fill='%23c8a000'/><rect x='6' y='8' width='2' height='1' fill='%23ffd700'/><rect x='6' y='9' width='1' height='1' fill='%23ffd700'/><rect x='8' y='10' width='1' height='1' fill='%23806000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .new-post-button::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/compose/thread"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='3' y='2' width='9' height='13' fill='%23000000'/><rect x='4' y='3' width='7' height='11' fill='%23ffffff'/><rect x='5' y='6' width='5' height='1' fill='%23808080'/><rect x='5' y='8' width='5' height='1' fill='%23808080'/><rect x='5' y='10' width='5' height='1' fill='%23808080'/><rect x='12' y='1' width='1' height='5' fill='%23ffd700'/><rect x='10' y='3' width='5' height='1' fill='%23ffd700'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/activity/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/forte"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/bookmarklets/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/backup/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/sqlite/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/llm-exchanges/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/codebase/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/user-access/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/fastmod/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/feature-flags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/operations/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/deploy/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/offline/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/docs/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/outbox/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/visitor-statistics/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/account/key/"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.3rem;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/lobby/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href^="/profiles/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href^="/messages"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/tags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/calendar"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/latest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/top"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/leetness"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/random"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/add"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/search"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.3rem;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/lobby/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='14' fill='%23000080'/><rect x='4' y='2' width='8' height='12' fill='%23a06000'/><rect x='6' y='4' width='4' height='3' fill='%23603000'/><rect x='6' y='9' width='4' height='4' fill='%23603000'/><rect x='10' y='8' width='1' height='2' fill='%23ffff00'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href^="/profiles/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='3' width='14' height='10' fill='%23000000'/><rect x='2' y='4' width='12' height='8' fill='%23ffffff'/><rect x='4' y='5' width='3' height='3' fill='%23808080'/><rect x='3' y='8' width='5' height='3' fill='%23000080'/><rect x='9' y='5' width='4' height='1' fill='%23808080'/><rect x='9' y='7' width='4' height='1' fill='%23808080'/><rect x='9' y='9' width='3' height='1' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href^="/messages"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='3' width='14' height='10' fill='%23000000'/><rect x='2' y='4' width='12' height='8' fill='%23ffffff'/><rect x='3' y='5' width='1' height='1' fill='%23000080'/><rect x='4' y='6' width='1' height='1' fill='%23000080'/><rect x='5' y='7' width='1' height='1' fill='%23000080'/><rect x='12' y='5' width='1' height='1' fill='%23000080'/><rect x='11' y='6' width='1' height='1' fill='%23000080'/><rect x='10' y='7' width='1' height='1' fill='%23000080'/><rect x='6' y='8' width='4' height='1' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/tags/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='4' width='11' height='8' fill='%23000000'/><rect x='2' y='6' width='1' height='4' fill='%23000000'/><rect x='1' y='7' width='1' height='2' fill='%23000000'/><rect x='4' y='5' width='9' height='6' fill='%23f0d000'/><rect x='3' y='6' width='1' height='4' fill='%23f0d000'/><rect x='2' y='7' width='1' height='2' fill='%23f0d000'/><rect x='11' y='7' width='2' height='2' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/calendar"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='2' width='14' height='13' fill='%23000000'/><rect x='2' y='3' width='12' height='11' fill='%23ffffff'/><rect x='2' y='3' width='12' height='3' fill='%23cc0000'/><rect x='4' y='1' width='2' height='3' fill='%23404040'/><rect x='10' y='1' width='2' height='3' fill='%23404040'/><rect x='3' y='7' width='2' height='2' fill='%23808080'/><rect x='7' y='7' width='2' height='2' fill='%23808080'/><rect x='11' y='7' width='2' height='2' fill='%23808080'/><rect x='3' y='10' width='2' height='2' fill='%23808080'/><rect x='7' y='10' width='2' height='2' fill='%23000080'/><rect x='11' y='10' width='2' height='2' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/latest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='2' width='10' height='12' fill='%23ffffff'/><rect x='2' y='4' width='12' height='8' fill='%23ffffff'/><rect x='5' y='1' width='6' height='1' fill='%23000000'/><rect x='3' y='2' width='2' height='1' fill='%23000000'/><rect x='11' y='2' width='2' height='1' fill='%23000000'/><rect x='2' y='3' width='1' height='1' fill='%23000000'/><rect x='13' y='3' width='1' height='1' fill='%23000000'/><rect x='1' y='4' width='1' height='8' fill='%23000000'/><rect x='14' y='4' width='1' height='8' fill='%23000000'/><rect x='2' y='12' width='1' height='1' fill='%23000000'/><rect x='13' y='12' width='1' height='1' fill='%23000000'/><rect x='3' y='13' width='2' height='1' fill='%23000000'/><rect x='11' y='13' width='2' height='1' fill='%23000000'/><rect x='5' y='14' width='6' height='1' fill='%23000000'/><rect x='8' y='4' width='1' height='5' fill='%23000080'/><rect x='8' y='8' width='3' height='1' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/top"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='4' y='2' width='8' height='5' fill='%23c8a000'/><rect x='5' y='7' width='6' height='1' fill='%23c8a000'/><rect x='2' y='3' width='2' height='1' fill='%23c8a000'/><rect x='2' y='4' width='1' height='2' fill='%23c8a000'/><rect x='3' y='5' width='1' height='1' fill='%23c8a000'/><rect x='12' y='3' width='2' height='1' fill='%23c8a000'/><rect x='13' y='4' width='1' height='2' fill='%23c8a000'/><rect x='12' y='5' width='1' height='1' fill='%23c8a000'/><rect x='5' y='3' width='1' height='3' fill='%23ffff80'/><rect x='7' y='8' width='2' height='3' fill='%23c8a000'/><rect x='4' y='11' width='8' height='2' fill='%23404040'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/leetness"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='8' y='1' width='4' height='1' fill='%23ffd000'/><rect x='7' y='2' width='4' height='1' fill='%23ffd000'/><rect x='6' y='3' width='4' height='1' fill='%23ffd000'/><rect x='5' y='4' width='4' height='1' fill='%23ffd000'/><rect x='4' y='5' width='9' height='1' fill='%23ffd000'/><rect x='8' y='6' width='4' height='1' fill='%23ffd000'/><rect x='7' y='7' width='4' height='1' fill='%23ffd000'/><rect x='6' y='8' width='4' height='1' fill='%23ffd000'/><rect x='5' y='9' width='4' height='1' fill='%23ffd000'/><rect x='5' y='10' width='3' height='1' fill='%23ffd000'/><rect x='4' y='11' width='3' height='1' fill='%23ffd000'/><rect x='4' y='12' width='2' height='1' fill='%23ffd000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/random"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='2' width='12' height='12' fill='%23000000'/><rect x='3' y='3' width='10' height='10' fill='%23ffffff'/><rect x='5' y='5' width='2' height='2' fill='%23cc0000'/><rect x='9' y='5' width='2' height='2' fill='%23cc0000'/><rect x='7' y='7' width='2' height='2' fill='%23cc0000'/><rect x='5' y='9' width='2' height='2' fill='%23cc0000'/><rect x='9' y='9' width='2' height='2' fill='%23cc0000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/add"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='2' width='12' height='9' fill='%23000000'/><rect x='3' y='3' width='10' height='7' fill='%23ffffff'/><rect x='4' y='11' width='3' height='1' fill='%23000000'/><rect x='4' y='12' width='2' height='1' fill='%23000000'/><rect x='7' y='4' width='2' height='5' fill='%23008000'/><rect x='5' y='5' width='6' height='2' fill='%23008000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/search"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='2' width='7' height='7' fill='%23ffffff'/><rect x='4' y='1' width='5' height='1' fill='%23000080'/><rect x='3' y='2' width='1' height='1' fill='%23000080'/><rect x='9' y='2' width='1' height='1' fill='%23000080'/><rect x='2' y='3' width='1' height='5' fill='%23000080'/><rect x='10' y='3' width='1' height='5' fill='%23000080'/><rect x='3' y='8' width='1' height='1' fill='%23000080'/><rect x='9' y='8' width='1' height='1' fill='%23000080'/><rect x='4' y='9' width='5' height='1' fill='%23000080'/><rect x='9' y='9' width='2' height='2' fill='%23404040'/><rect x='11' y='11' width='2' height='2' fill='%23404040'/><rect x='13' y='13' width='2' height='2' fill='%23404040'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="all"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="liked"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="newest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="oldest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="top"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.3rem;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[data-nav-key="all"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='3' width='2' height='2' fill='%23000080'/><rect x='2' y='7' width='2' height='2' fill='%23000080'/><rect x='2' y='11' width='2' height='2' fill='%23000080'/><rect x='5' y='3' width='9' height='2' fill='%23808080'/><rect x='5' y='7' width='9' height='2' fill='%23808080'/><rect x='5' y='11' width='9' height='2' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[data-nav-key="liked"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='3' width='3' height='1' fill='%23cc0000'/><rect x='10' y='3' width='3' height='1' fill='%23cc0000'/><rect x='2' y='4' width='5' height='1' fill='%23cc0000'/><rect x='9' y='4' width='5' height='1' fill='%23cc0000'/><rect x='2' y='5' width='12' height='3' fill='%23cc0000'/><rect x='3' y='8' width='10' height='1' fill='%23cc0000'/><rect x='4' y='9' width='8' height='1' fill='%23cc0000'/><rect x='5' y='10' width='6' height='1' fill='%23cc0000'/><rect x='6' y='11' width='4' height='1' fill='%23cc0000'/><rect x='7' y='12' width='2' height='1' fill='%23cc0000'/><rect x='4' y='4' width='1' height='1' fill='%23ff8080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[data-nav-key="newest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='1' fill='%23008000'/><rect x='6' y='2' width='4' height='1' fill='%23008000'/><rect x='5' y='3' width='6' height='1' fill='%23008000'/><rect x='4' y='4' width='8' height='1' fill='%23008000'/><rect x='6' y='5' width='4' height='9' fill='%23008000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[data-nav-key="oldest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='9' fill='%23804000'/><rect x='4' y='11' width='8' height='1' fill='%23804000'/><rect x='5' y='12' width='6' height='1' fill='%23804000'/><rect x='6' y='13' width='4' height='1' fill='%23804000'/><rect x='7' y='14' width='2' height='1' fill='%23804000'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[data-nav-key="top"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='4' y='2' width='8' height='5' fill='%23c8a000'/><rect x='5' y='7' width='6' height='1' fill='%23c8a000'/><rect x='2' y='3' width='2' height='1' fill='%23c8a000'/><rect x='2' y='4' width='1' height='2' fill='%23c8a000'/><rect x='3' y='5' width='1' height='1' fill='%23c8a000'/><rect x='12' y='3' width='2' height='1' fill='%23c8a000'/><rect x='13' y='4' width='1' height='2' fill='%23c8a000'/><rect x='12' y='5' width='1' height='1' fill='%23c8a000'/><rect x='5' y='3' width='1' height='3' fill='%23ffff80'/><rect x='7' y='8' width='2' height='3' fill='%23c8a000'/><rect x='4' y='11' width='8' height='2' fill='%23404040'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/unread"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='1' y='8' width='14' height='7' fill='%23000000'/><rect x='2' y='9' width='12' height='5' fill='%23ffffff'/><rect x='5' y='8' width='6' height='3' fill='%23ffffff'/><rect x='5' y='11' width='6' height='1' fill='%23000000'/><rect x='7' y='1' width='2' height='5' fill='%23000080'/><rect x='5' y='5' width='6' height='1' fill='%23000080'/><rect x='6' y='6' width='4' height='1' fill='%23000080'/><rect x='7' y='7' width='2' height='1' fill='%23000080'/></svg>");
}

/* App shell: Messages and a personal Profile link in the bar or account menu,
   New post (shares the composer icon above) and the "You" account trigger. */
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href="/messages"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='1' y='3' width='14' height='10' fill='%23000000'/><rect x='2' y='4' width='12' height='8' fill='%23ffffff'/><rect x='3' y='5' width='2' height='1' fill='%23000080'/><rect x='5' y='6' width='2' height='1' fill='%23000080'/><rect x='7' y='7' width='2' height='1' fill='%23000080'/><rect x='9' y='6' width='2' height='1' fill='%23000080'/><rect x='11' y='5' width='2' height='1' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .nav-link[href^="/profiles/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='4' fill='%23000080'/><rect x='4' y='7' width='8' height='6' fill='%23000080'/><rect x='5' y='8' width='6' height='4' fill='%234040c0'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .new-post-button__icon {
  display: none;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .account-menu__icon {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='4' fill='%23000080'/><rect x='4' y='7' width='8' height='6' fill='%23000080'/><rect x='5' y='8' width='6' height='4' fill='%234040c0'/></svg>") no-repeat;
}

/* Recent conversation uses a clock; shared by main/Tools navigation if reused. */
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) :is(.nav-link, .tool-launcher-button)[href="/recent/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='14' fill='%23004080'/><rect x='1' y='3' width='14' height='10' fill='%23004080'/><rect x='3' y='3' width='10' height='10' fill='%23ffffff'/><path d='M8 4v5h4' fill='none' stroke='%23004080' stroke-width='2'/></svg>");
}

/* Gallery is a framed picture: sky, sun and a hill. */
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) :is(.nav-link, .tool-launcher-button)[href="/gallery/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='2' width='14' height='12' fill='%23000000'/><rect x='2' y='3' width='12' height='10' fill='%2380c0ff'/><rect x='10' y='4' width='2' height='2' fill='%23ffd000'/><rect x='5' y='8' width='3' height='1' fill='%23008000'/><rect x='4' y='9' width='5' height='1' fill='%23008000'/><rect x='3' y='10' width='8' height='1' fill='%23008000'/><rect x='2' y='11' width='12' height='2' fill='%23008000'/></svg>");
}

/* Tools launcher group headings, keyed to data-shape (ToolsPageSupport::groups()):
   Your device, Reading, Community (the Users glyph) and Operator. */
:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-group-heading[data-shape]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.3rem;
  vertical-align: -3px;
  background-repeat: no-repeat;
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-group-heading[data-shape="device"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='2' width='14' height='10' fill='%23808080'/><rect x='2' y='3' width='12' height='8' fill='%23000080'/><rect x='3' y='4' width='10' height='6' fill='%230000c0'/><rect x='7' y='12' width='2' height='1' fill='%23808080'/><rect x='5' y='13' width='6' height='1' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-group-heading[data-shape="reading"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='3' width='7' height='10' fill='%23000080'/><rect x='8' y='3' width='7' height='10' fill='%23000080'/><rect x='2' y='4' width='5' height='8' fill='%23ffffff'/><rect x='9' y='4' width='5' height='8' fill='%23ffffff'/><rect x='3' y='6' width='3' height='1' fill='%23808080'/><rect x='3' y='8' width='3' height='1' fill='%23808080'/><rect x='3' y='10' width='2' height='1' fill='%23808080'/><rect x='10' y='6' width='3' height='1' fill='%23808080'/><rect x='10' y='8' width='3' height='1' fill='%23808080'/><rect x='10' y='10' width='2' height='1' fill='%23808080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-group-heading[data-shape="community"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='9' y='2' width='3' height='3' fill='%23808080'/><rect x='8' y='6' width='5' height='4' fill='%23808080'/><rect x='4' y='4' width='3' height='3' fill='%23000080'/><rect x='2' y='8' width='7' height='5' fill='%23000080'/></svg>");
}

:root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) .tool-launcher-group-heading[data-shape="operator"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='2' width='2' height='3' fill='%23808080'/><rect x='7' y='11' width='2' height='3' fill='%23808080'/><rect x='2' y='7' width='3' height='2' fill='%23808080'/><rect x='11' y='7' width='3' height='2' fill='%23808080'/><rect x='3' y='3' width='2' height='2' fill='%23808080'/><rect x='11' y='3' width='2' height='2' fill='%23808080'/><rect x='3' y='11' width='2' height='2' fill='%23808080'/><rect x='11' y='11' width='2' height='2' fill='%23808080'/><rect x='4' y='4' width='8' height='8' fill='%23808080'/><rect x='6' y='6' width='4' height='4' fill='%23ffffff'/><rect x='7' y='7' width='2' height='2' fill='%23808080'/></svg>");
}

/* Phone tab bar: the icon sits above a smaller label. Side by side, six tabs
   on a 375px screen ran each icon into the next tab's label. */
@media (max-width: 639px) {
  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .nav > .nav-link,
  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .new-post-button,
  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .account-menu__trigger {
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.2rem 0.1rem;
    font-size: 0.7rem;
    line-height: 1.1;
  }

  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .nav > .nav-link::before,
  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .new-post-button::before {
    margin-right: 0;
  }

  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"], [data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .site-header--app .new-post-button__label {
    white-space: nowrap;
  }

  /* The account menu is More on phones: a list glyph replaces the person. */
  :root:is([data-theme="word97"], [data-theme="chicago"], [data-theme="midnight"]) [data-shell="app"] .account-menu__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='2' y='3' width='2' height='2' fill='%23000080'/><rect x='5' y='3' width='9' height='2' fill='%23808080'/><rect x='2' y='7' width='2' height='2' fill='%23000080'/><rect x='5' y='7' width='9' height='2' fill='%23808080'/><rect x='2' y='11' width='2' height='2' fill='%23000080'/><rect x='5' y='11' width='9' height='2' fill='%23808080'/></svg>");
  }
}

/* Smooth-line set (gloss, engagify): 16px, 1.5px violet strokes with a
   lavender fill, in Gloss's palette. Keyed to the same links as the pixel-art
   rules above; add a destination to both sets. */
:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2.5' width='12' height='11' rx='2.5' fill='%23ede9fe'/><path d='M5 6h6M5 8.5h6M5 11h3.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/backup/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/backup/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='1.75' y='2.75' width='12.5' height='3.5' rx='1.25' fill='%23ede9fe'/><path d='M3 6.25v5.5a1.5 1.5 0 0 0 1.5 1.5h7a1.5 1.5 0 0 0 1.5-1.5v-5.5'/><path d='M6.5 9h3'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-group-heading[data-shape="operator"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='5.6' stroke-width='2.4' stroke-dasharray='2.2 2.2' stroke-linecap='butt'/><circle cx='8' cy='8' r='4.3' fill='%23ede9fe'/><circle cx='8' cy='8' r='1.6' fill='%23ffffff'/></svg>");
}

/* Tools: each glyph serves the launcher button and the Tools bar link. */
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/activity/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/activity/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M1.5 8.5h3l1.75-4.5 3.5 8 1.75-3.5h3'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/forte"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/forte"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='1.75' y='2.75' width='12.5' height='10.5' rx='2' fill='%23ede9fe'/><path d='M6 2.75v10.5M10 2.75v10.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/bookmarklets/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/bookmarklets/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 2.25A.75.75 0 0 1 4.75 1.5h6.5a.75.75 0 0 1 .75.75V14l-4-3-4 3z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/sqlite/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/sqlite/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 3.75v8.5c0 1 2.25 1.75 5 1.75s5-.75 5-1.75v-8.5' fill='%23ede9fe'/><ellipse cx='8' cy='3.75' rx='5' ry='1.75' fill='%23ffffff'/><path d='M3 8c0 1 2.25 1.75 5 1.75S13 9 13 8'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/llm-exchanges/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/llm-exchanges/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 2.5h10A1.5 1.5 0 0 1 14.5 4v6a1.5 1.5 0 0 1-1.5 1.5H7.5L4 14v-2.5H3A1.5 1.5 0 0 1 1.5 10V4A1.5 1.5 0 0 1 3 2.5z' fill='%23ede9fe'/><circle cx='5.25' cy='7' r='0.9' fill='%236d28d9' stroke='none'/><circle cx='8' cy='7' r='0.9' fill='%236d28d9' stroke='none'/><circle cx='10.75' cy='7' r='0.9' fill='%236d28d9' stroke='none'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/codebase/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/codebase/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4.5 1.75 8 5 11.5M11 4.5 14.25 8 11 11.5M9.25 3l-2.5 10'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/feature-flags/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/feature-flags/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 2.5h9l-2 3 2 3h-9z' fill='%23ede9fe'/><path d='M3.5 2v12'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/operations/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/operations/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 4h12M2 8h12M2 12h12'/><circle cx='5.5' cy='4' r='1.6' fill='%23ffffff'/><circle cx='10.5' cy='8' r='1.6' fill='%23ffffff'/><circle cx='6.5' cy='12' r='1.6' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/deploy/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/deploy/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 10v2.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V10M8 10.5V2M4.75 5.25 8 2l3.25 3.25'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/offline/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/offline/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 12.5h7a3 3 0 0 0 .4-5.97A4 4 0 0 0 4.2 7.1a2.75 2.75 0 0 0 .3 5.4z' fill='%23ede9fe'/><path d='M2 2l12 12'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/docs/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/docs/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 4.25C6.5 3.25 4.5 3 2 3.25v9.5c2.5-.25 4.5 0 6 1 1.5-1 3.5-1.25 6-1v-9.5c-2.5-.25-4.5 0-6 1z' fill='%23ede9fe'/><path d='M8 4.25v9.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/outbox/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/outbox/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M14.25 1.75 1.75 7l5 2.25L9 14.25z' fill='%23ede9fe'/><path d='M14.25 1.75 6.75 9.25'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/visitor-statistics/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/visitor-statistics/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 2v12h12M4.75 10.5 7.5 7l2.5 2 3.5-4.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/user-access/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/user-access/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 1.75 13 3.5v4c0 3.25-2.1 5.6-5 6.75C5.1 13.1 3 10.75 3 7.5v-4z' fill='%23ede9fe'/><path d='M5.75 8l1.6 1.6 3-3.2'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/tools/fastmod/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/tools/fastmod/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2.25 11a5.75 5.75 0 0 1 11.5 0z' fill='%23ede9fe'/><path d='M8 11l3-3.75M5.5 13.75h5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[href="/account/key/"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tools-nav .nav-link[href="/account/key/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='5' cy='8' r='3.25' fill='%23ede9fe'/><path d='M8.25 8h6M12.25 8v2.5M14.25 8v2'/></svg>");
}

/* Tools launcher group headings and Bookmarklets buttons. */
:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-group-heading[data-shape="device"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='4.25' y='1.5' width='7.5' height='13' rx='1.75' fill='%23ede9fe'/><path d='M7 12.25h2'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-group-heading[data-shape="reading"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='4.5' cy='9.75' r='2.75' fill='%23ede9fe'/><circle cx='11.5' cy='9.75' r='2.75' fill='%23ede9fe'/><path d='M7.25 9.5c.5-.5 1-.5 1.5 0M1.75 9.25 2.75 5M14.25 9.25 13.25 5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-group-heading[data-shape="community"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='11.25' cy='5.5' r='1.9' fill='%23ede9fe'/><path d='M11 9.25c2 0 3.5 1.4 3.5 3.75'/><circle cx='6' cy='5.25' r='2.4' fill='%23ede9fe'/><path d='M1.75 14c0-2.75 1.9-4.5 4.25-4.5s4.25 1.75 4.25 4.5z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[data-bookmarklet-kind="url"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6.75 9.25a2.75 2.75 0 0 0 3.9 0l2.1-2.1a2.75 2.75 0 0 0-3.9-3.9l-.85.85M9.25 6.75a2.75 2.75 0 0 0-3.9 0l-2.1 2.1a2.75 2.75 0 0 0 3.9 3.9l.85-.85'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[data-bookmarklet-kind="clip"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M13 7.25 8.1 12.15a3.1 3.1 0 0 1-4.4-4.4l5.3-5.3a2.05 2.05 0 0 1 2.9 2.9L6.7 10.55a1 1 0 0 1-1.45-1.45L9.9 4.45'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[data-bookmarklet-kind="selection"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='1.75' y='5.75' width='12.5' height='4.5' rx='1.25' fill='%23ede9fe'/><path d='M3.5 3h9M3.5 13h6M4 8h8'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .tool-launcher-button[data-bookmarklet-kind="tweet"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.75 6.75V5.25a1.5 1.5 0 0 1 1.5-1.5h7M10.25 1.75l2 2-2 2M12.25 9.25v1.5a1.5 1.5 0 0 1-1.5 1.5h-7M5.75 14.25l-2-2 2-2'/></svg>");
}

/* Main navigation, board filters, Recent and Gallery. */
:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/about/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='6.25' fill='%23ede9fe'/><path d='M8 7.5v3.75'/><circle cx='8' cy='5' r='0.9' fill='%236d28d9' stroke='none'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/users/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='11.25' cy='5.5' r='1.9' fill='%23ede9fe'/><path d='M11 9.25c2 0 3.5 1.4 3.5 3.75'/><circle cx='6' cy='5.25' r='2.4' fill='%23ede9fe'/><path d='M1.75 14c0-2.75 1.9-4.5 4.25-4.5s4.25 1.75 4.25 4.5z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/tools/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='5' height='5' rx='1.25' fill='%23ede9fe'/><rect x='9' y='2' width='5' height='5' rx='1.25' fill='%23ede9fe'/><rect x='2' y='9' width='5' height='5' rx='1.25' fill='%23ede9fe'/><rect x='9' y='9' width='5' height='5' rx='1.25' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/account/key/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='5' cy='8' r='3.25' fill='%23ede9fe'/><path d='M8.25 8h6M12.25 8v2.5M14.25 8v2'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/invites/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='1.75' y='3.25' width='12.5' height='9.5' rx='1.75' fill='%23ede9fe'/><path d='M2.5 4.5 8 8.75l5.5-4.25'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .new-post-button::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/compose/thread"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.75 2.25l3 3L6 13H3v-3z' fill='%23ede9fe'/><path d='M9 4l3 3'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/lobby/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 14V3.5A1.5 1.5 0 0 1 5 2h6a1.5 1.5 0 0 1 1.5 1.5V14z' fill='%23ede9fe'/><path d='M2 14h12'/><circle cx='10' cy='8.5' r='0.9' fill='%236d28d9' stroke='none'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href^="/profiles/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='5.25' r='2.75' fill='%23ede9fe'/><path d='M2.75 14c0-3 2.4-5 5.25-5s5.25 2 5.25 5z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href^="/messages"]::before,
:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/messages"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 2.5h10A1.5 1.5 0 0 1 14.5 4v6a1.5 1.5 0 0 1-1.5 1.5H7.5L4 14v-2.5H3A1.5 1.5 0 0 1 1.5 10V4A1.5 1.5 0 0 1 3 2.5z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/unread"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9l1.5-5.25A1.5 1.5 0 0 1 4.95 2.5h6.1a1.5 1.5 0 0 1 1.45 1.25L14 9v3.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5z' fill='%23ede9fe'/><path d='M2 9h3.5l1 1.75h3L10.5 9H14'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/tags/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 2.5V8l6.25 6.25 5.75-5.75L7.5 2.5z' fill='%23ede9fe'/><circle cx='5.25' cy='5.75' r='1.1' fill='%23ffffff'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/calendar"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='3' width='12' height='11' rx='2' fill='%23ede9fe'/><path d='M2 6.75h12M5.25 1.75v2.5M10.75 1.75v2.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/latest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9.25 1.5 3.5 9h4.25l-1 5.5L12.5 7H8.25z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/top"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 2.25h7v3.25a3.5 3.5 0 0 1-7 0z' fill='%23ede9fe'/><path d='M4.5 3.5h-2a2.25 2.25 0 0 0 2.25 2.75M11.5 3.5h2a2.25 2.25 0 0 1-2.25 2.75M8 9v3.25M5.25 13.75h5.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/leetness"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 1.75c.6 2.5 4.25 4 4.25 7.75a4.25 4.25 0 0 1-8.5 0c0-1.9 1-3.25 2.1-4 0 1.6.75 2.6 1.9 2.6C7.5 6 7 4 8 1.75z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/random"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='12' height='12' rx='2.75' fill='%23ede9fe'/><circle cx='5.5' cy='5.5' r='1' fill='%236d28d9' stroke='none'/><circle cx='8' cy='8' r='1' fill='%236d28d9' stroke='none'/><circle cx='10.5' cy='10.5' r='1' fill='%236d28d9' stroke='none'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/add"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='6.25' fill='%23ede9fe'/><path d='M8 5v6M5 8h6'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[href="/search"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='7' cy='7' r='4.5' fill='%23ede9fe'/><path d='M10.4 10.4l3.6 3.6'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="all"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6.25 4.5h7.5M6.25 8h7.5M6.25 11.5h7.5'/><circle cx='3' cy='4.5' r='1' fill='%236d28d9' stroke='none'/><circle cx='3' cy='8' r='1' fill='%236d28d9' stroke='none'/><circle cx='3' cy='11.5' r='1' fill='%236d28d9' stroke='none'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="liked"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 13.75S1.75 10.25 1.75 6A3.25 3.25 0 0 1 8 4.6 3.25 3.25 0 0 1 14.25 6C14.25 10.25 8 13.75 8 13.75z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="newest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 1.75l1.6 4.65 4.65 1.6-4.65 1.6L8 14.25 6.4 9.6 1.75 8 6.4 6.4z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="oldest"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 2h8M4 14h8'/><path d='M5 2.25v2.1L8 8l3-3.65v-2.1zM5 13.75v-2.1L8 8l3 3.65v2.1z' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) .nav-link[data-nav-key="top"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='8.5' width='3' height='5.5' rx='1' fill='%23ede9fe'/><rect x='6.5' y='2' width='3' height='12' rx='1' fill='%23ede9fe'/><rect x='11' y='5.5' width='3' height='8.5' rx='1' fill='%23ede9fe'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) :is(.nav-link, .tool-launcher-button)[href="/recent/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='6.25' fill='%23ede9fe'/><path d='M8 4.75V8l2.25 1.5'/></svg>");
}

:root:is([data-theme="gloss"], [data-theme="engagify"]) :is(.nav-link, .tool-launcher-button)[href="/gallery/"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='1.75' y='2.75' width='12.5' height='10.5' rx='2' fill='%23ede9fe'/><circle cx='5.75' cy='6.25' r='1.25'/><path d='M2.25 12.25l3.75-3.5 2.5 2.25 2-1.75 3.25 3'/></svg>");
}

/* Account menu: a person in a circle; on phones it is More, a list. */
:root:is([data-theme="gloss"], [data-theme="engagify"]) .account-menu__icon {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='6.5' fill='%23ede9fe'/><circle cx='8' cy='6.5' r='2'/><path d='M4.25 12.25c.9-1.6 2.3-2.4 3.75-2.4s2.85.8 3.75 2.4'/></svg>") no-repeat;
}

@media (max-width: 639px) {
  :root:is([data-theme="gloss"], [data-theme="engagify"]) [data-shell="app"] .account-menu__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='%236d28d9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2.75 4.25h10.5M2.75 8h10.5M2.75 11.75h10.5'/></svg>");
  }
}