.nz-global-nav {
  --nav-accent: #165dff;
  --nav-ink: #253247;
  --nav-muted: #7c899b;
  --nav-bg: #fff;
  --nav-line: #e5eaf1;
  --nav-hover: #f6f8fc;
  --nav-selected: #edf3ff;
  position: sticky;
  top: 0;
  z-index: 110;
  color: var(--nav-ink);
  background: var(--nav-bg);
  border-bottom: 1px solid var(--nav-line);
}
[data-theme="dark"] .nz-global-nav {
  --nav-accent: #80a6ff;
  --nav-ink: #e1e8f4;
  --nav-muted: #a3b1c5;
  --nav-bg: #182433;
  --nav-line: #35465c;
  --nav-hover: #1e2e42;
  --nav-selected: #273d5b;
}
body:has(.purchase-workspace) .nz-global-nav { z-index: 110; }
body:has(.purchase-workspace) { --shop-header-height: 64px; }
.nz-global-nav .nz-head-inner, body:has(.purchase-workspace) .nz-global-nav .nz-head-inner {
  width: calc(100% - 48px);
  height: 63px;
  min-height: 63px;
  max-width: none;
  gap: 18px;
}
.nz-global-nav .nz-brand { flex-shrink: 0; gap: 6px; }
.nz-global-nav .nz-brand img { width: 32px; height: 32px; border-radius: 0; }
.nz-global-nav .nz-brand strong { color: var(--nav-ink); font-size: 21px; }
.nz-global-nav .nz-brand small { font-size: 7px; letter-spacing: 2px; }
.nz-global-nav .nz-nav {
  display: flex;
  position: static;
  align-items: stretch;
  height: 100%;
  padding: 0;
  gap: clamp(12px, 1.4vw, 27px);
  background: transparent;
  box-shadow: none;
  border: 0;
}
.nz-global-nav .nz-nav > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: var(--nav-ink);
  font-size: 14px;
  font-weight: 500;
}
.nz-global-nav .nz-nav > a::after { display: none; }
.nz-global-nav .nz-nav > a:is(:hover,[aria-current="page"],[aria-expanded="true"]) { color: var(--nav-accent); }
.nz-global-nav .nz-nav > a svg { flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .16s ease; }
.nz-global-nav .nz-nav > a[aria-expanded="true"] svg { transform: rotate(180deg); }
.nz-global-nav .nz-header-actions { align-self: stretch; gap: clamp(8px, 1vw, 19px); flex-shrink: 0; }
.nz-global-nav .nz-cart-link, .nz-global-nav #nz-session { color: var(--nav-ink); font-size: 13px; }
.nz-global-nav .nz-cart-link svg { display: none; }
.nz-global-nav .nz-cart-link > span { display: inline; }
.nz-global-nav .nz-cart-link b { position: static; }
.nz-global-nav #nz-session { display: block; max-width: clamp(65px, 9vw, 165px); }
.nz-global-nav #nz-session a[title] { display: flex; align-items: center; min-width: 0; overflow: hidden; }
.nz-global-nav #nz-session a[data-initial]::before {
  content: attr(data-initial);
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  margin-right: 7px;
  background: var(--nav-selected);
  color: var(--nav-accent);
  font-size: 13px;
  font-weight: 650;
  border-radius: 50%;
}
.nz-global-nav .nz-console-link {
  align-self: stretch;
  border: 0;
  border-radius: 0;
  padding: 0 clamp(15px, 1.2vw, 24px);
  font-size: 14px;
  font-weight: 600;
  background: #165dff;
}
.nz-global-nav .nz-console-link:hover { background: #124ad0; }
body:has(.purchase-workspace) .nz-global-nav .nz-console-link { border-radius: 0; }
.nz-global-nav .nz-console-link i { display: none; }
.nz-global-nav .nz-language-control { color: var(--nav-ink); }
.nz-global-nav .nz-language-control select { border-color: var(--nav-line); }
.nz-global-nav .nz-theme { width: 27px; height: 29px; border: 0; color: var(--nav-muted); }
.nz-global-nav .nz-menu { display: none; }
.nz-global-nav .nz-nav-panel[hidden], .nz-global-nav .nz-nav-back { display: none; }
.nz-nav-panel {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  max-height: calc(100vh - 64px);
  max-height: calc(100dvh - 64px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  color: var(--nav-ink);
  background: var(--nav-bg);
  border-block: 1px solid var(--nav-line);
  box-shadow: 0 12px 24px rgb(27 53 93 / 7%);
}
.nz-nav-products, .nz-nav-resources {
  width: min(calc(100% - 64px), 1560px);
  margin-inline: auto;
  display: grid;
}
.nz-nav-products { grid-template-columns: 220px minmax(0,1fr); gap: 32px; min-height: 300px; padding-block: 28px; }
.nz-nav-categories { min-width: 0; padding-right: 24px; border-right: 1px solid var(--nav-line); }
.nz-nav-caption { display: block; padding: 0 12px 12px; font-size: 12px; color: var(--nav-muted); }
.nz-nav-categories [data-nz-roots] { display: grid; gap: 6px; }
.nz-nav-root {
  display: block;
  width: 100%;
  padding: 12px;
  text-align: start;
  background: transparent;
  color: var(--nav-ink);
  border: 0;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.nz-nav-root:is(:hover,[aria-pressed="true"]) { color: var(--nav-accent); background: var(--nav-selected); }
.nz-nav-all { display: inline-block; margin-block-start: 5px; padding: 12px; font-size: 13px; color: var(--nav-accent); }
.nz-nav-series { display: grid; align-content: start; align-items: stretch; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 20px; }
.nz-nav-series a, .nz-nav-resources a {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 14px 16px;
  min-height: 82px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--nav-ink);
  overflow-wrap: anywhere;
}
.nz-nav-series a:is(:hover,:focus-visible), .nz-nav-resources a:is(:hover,:focus-visible) {
  color: var(--nav-accent);
  background: var(--nav-hover);
  border-color: var(--nav-line);
}
.nz-nav-series strong { font-size: 15px; font-weight: 500; line-height: 1.6; }
.nz-nav-series small, .nz-nav-status { font-size: 12px; color: var(--nav-muted); }
.nz-nav-status { grid-column: 1/-1; padding: 16px; }
.nz-nav-resources { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 16px; padding-block: 24px; }
.nz-nav-resources a { border-color: var(--nav-line); min-height: 72px; font-size: 14px; }

/* Width checks also account for the active language, account name and enlarged text. */
.nz-global-nav[data-compact] .nz-menu { display: grid; place-items: center; order: 2; width: 31px; height: 34px; border: 0; background: transparent; color: var(--nav-ink); }
.nz-global-nav[data-compact] .nz-nav { display: none; }
.nz-global-nav[data-compact] .nz-nav.open {
  display: grid;
  position: absolute;
  top: 100%;
  inset-inline: 0;
  height: auto;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 7px;
  padding: 8px 16px 13px;
  border-block: 1px solid var(--nav-line);
  background: var(--nav-bg);
  box-shadow: 0 9px 19px #1b355d12;
}
.nz-global-nav[data-compact] .nz-nav.open > a { padding: 11px 8px; white-space: normal; }
.nz-global-nav[data-compact][data-nz-open] .nz-nav.open { visibility: hidden; }
.nz-global-nav[data-compact] .nz-nav-back {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  font: inherit;
  font-size: 13px;
  color: var(--nav-accent);
  background: transparent;
  border: 0;
}
.nz-global-nav[data-compact] .nz-nav-products, .nz-global-nav[data-compact] .nz-nav-resources { width: calc(100% - 32px); }
.nz-global-nav[data-compact] .nz-nav-products { padding-block: 6px 16px; gap: 13px; grid-template-columns: minmax(106px,.65fr) minmax(0,2fr); }
.nz-global-nav[data-compact] .nz-nav-categories { padding-right: 9px; }
.nz-global-nav[data-compact] .nz-nav-series { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.nz-global-nav[data-compact] .nz-nav-series a { min-height: 68px; padding: 8px; }
.nz-global-nav[data-compact] .nz-nav-resources { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding-top: 8px; }
.nz-global-nav[data-nz-measuring] #nz-nav {
  display: flex;
  position: fixed;
  width: max-content;
  height: 63px;
  padding: 0;
  visibility: hidden;
  flex-wrap: nowrap;
  gap: clamp(12px,1.4vw,27px);
}
.nz-global-nav[data-nz-measuring] #nz-nav > a { padding: 0; white-space: nowrap; }
.nz-global-nav[data-nz-measuring] .nz-menu { display: none; }
@media (max-width: 850px) {
  .nz-global-nav .nz-head-inner, body:has(.purchase-workspace) .nz-global-nav .nz-head-inner { width: calc(100% - 24px); gap: 10px; }
  .nz-global-nav .nz-header-actions { gap: 8px; }
}
@media (max-width: 620px) {
  body:has(.purchase-workspace) { --shop-header-height: 55px; }
  .nz-global-nav .nz-head-inner, body:has(.purchase-workspace) .nz-global-nav .nz-head-inner { width: calc(100% - 16px); height: 54px; min-height: 54px; gap: 4px; }
  .nz-global-nav .nz-brand { flex: 0 1 auto; min-width: 27px; gap: 4px; }
  .nz-global-nav .nz-brand img { width: 27px; height: 27px; }
  .nz-global-nav .nz-brand strong { font-size: 17px; }
  .nz-global-nav .nz-brand small { font-size: 6px; letter-spacing: 1.2px; }
  .nz-global-nav .nz-header-actions { gap: 4px; }
  .nz-global-nav .nz-cart-link svg { display: block; }
  .nz-global-nav .nz-cart-link > span { display: none; }
  .nz-global-nav .nz-cart-link b { position: absolute; }
  .nz-global-nav .nz-console-link { padding-inline: 7px; font-size: 12px; }
  .nz-global-nav #nz-session { max-width: 45px; }
  .nz-global-nav #nz-session a[data-initial] { width: 26px; }
  .nz-global-nav .nz-nav-panel { max-height: calc(100dvh - 55px); }
  .nz-global-nav[data-compact] .nz-nav-series { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 400px) {
  .nz-global-nav .nz-console-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .nz-global-nav .nz-console-link i { display: inline; }
  .nz-global-nav .nz-header-actions { gap: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .nz-global-nav .nz-nav > a svg { transition: none; }
}
