/* Shared navigation icons: 16px pixel-art SVGs keyed to nav links and tool
   launcher buttons. Used by the word97 and chicago themes; add a theme to
   the :is() list below to give it the same icon set. Never target the theme
   menu (.theme-swatch, .theme-menu__trigger, .theme-menu__option). */

:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/activity/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/forte"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/bookmarklets/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/backup/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/sqlite/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/llm-exchanges/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/codebase/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/feature-flags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/offline/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/docs/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/outbox/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/tools/visitor-statistics/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .tool-launcher-button[href="/account/key/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .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"]) .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"]) .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"]) .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"]) .nav-link[href="/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/about/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/users/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/tools/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/account/key/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/invites/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/compose/thread"]::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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .tools-nav .nav-link[href="/activity/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/forte"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/bookmarklets/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/backup/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/sqlite/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/llm-exchanges/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/codebase/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/feature-flags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/offline/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/docs/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/outbox/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .tools-nav .nav-link[href="/tools/visitor-statistics/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .nav-link[href="/lobby/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href^="/profiles/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href^="/messages/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/tags/"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/latest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/top"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/leetness"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/random"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[href="/add"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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"]) .nav-link[data-nav-key="all"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[data-nav-key="liked"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[data-nav-key="newest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .nav-link[data-nav-key="oldest"]::before,
:root:is([data-theme="word97"], [data-theme="chicago"]) .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"]) .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"]) .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"]) .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"]) .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"]) .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>");
}