/* NWave Cloud app navigation theme */
body {
  --nw-nav-ink: #0b1220;
  --nw-nav-muted: #5d6b82;
  --nw-nav-subtle: #eef5ff;
  --nw-nav-border: #dfe7f1;
  --nw-nav-blue: #2563eb;
  --nw-nav-cyan: #06b6d4;
  --nw-nav-hover: rgba(8, 35, 63, 0.045);
  --nw-nav-active-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  --ut-header-background-color: rgba(255, 255, 255, 0.88);
  --ut-header-text-color: var(--nw-nav-ink);
  --ut-header-border-color: rgba(223, 231, 241, 0.9);
  --ut-body-nav-background-color: rgba(255, 255, 255, 0.9);
  --ut-body-nav-text-color: var(--nw-nav-muted);
  --ut-body-nav-border-color: rgba(223, 231, 241, 0.92);
  --ut-header-menubar-background-color: transparent;
  --ut-header-menubar-item-text-color: var(--nw-nav-muted);
  --ut-header-menubar-item-current-background-color: rgba(255, 255, 255, 0.92);
  --ut-header-menubar-item-current-text-color: var(--nw-nav-ink);
  --ut-header-menubar-item-hover-background-color: var(--nw-nav-hover);
  --ut-header-menubar-item-hover-text-color: var(--nw-nav-ink);
  --ut-header-menubar-item-border-color: transparent;
  --a-treeview-node-selected-background-color: rgba(255, 255, 255, 0.94);
  --a-treeview-node-selected-text-color: var(--nw-nav-ink);
  --a-treeview-node-focused-background-color: var(--nw-nav-hover);
  --a-treeview-node-focused-text-color: var(--nw-nav-ink);
}

body .t-Header {
  border-block-end: 1px solid rgba(223, 231, 241, 0.9) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
  color: var(--nw-nav-ink) !important;
  backdrop-filter: blur(18px);
}

body .t-Header::before {
  block-size: 3px;
  background: linear-gradient(90deg, var(--nw-nav-blue), var(--nw-nav-cyan)) !important;
  opacity: 0.88;
}

body .t-Header-branding {
  min-block-size: 4rem;
}

body .t-Header-logo-link {
  display: inline-flex;
  align-items: center;
  color: var(--nw-nav-ink) !important;
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: 0;
}

body .t-Header-logo-link:hover,
body .t-Header-logo-link:focus-visible {
  color: var(--nw-nav-ink) !important;
  text-decoration: none;
}

body .t-Header-logo-link .apex-logo-text {
  color: inherit;
  font-weight: inherit;
}

body .t-Header-controls .t-Button--header,
body .t-Header-navBar .t-Button--header {
  border-radius: 999px;
  color: var(--nw-nav-muted) !important;
}

body .t-Header-controls .t-Button--header:hover,
body .t-Header-controls .t-Button--header:focus-visible,
body .t-Header-navBar .t-Button--header:hover,
body .t-Header-navBar .t-Button--header:focus-visible {
  background: var(--nw-nav-hover) !important;
  color: var(--nw-nav-ink) !important;
}

body .t-Header-nav .t-Header-nav-list,
body .t-Header-nav .a-MenuBar {
  background: transparent !important;
  box-shadow: none !important;
}

body .t-Header-nav .a-MenuBar {
  gap: 0.25rem;
}

body .t-Header-nav .a-MenuBar-item {
  border: 0;
}

body .t-Header-nav .a-MenuBar-item .a-MenuBar-label {
  min-block-size: 2.4rem;
  border: 1px solid transparent;
  border-radius: 999px;
  padding-block: 0.58rem;
  padding-inline: 0.86rem;
  color: var(--nw-nav-muted) !important;
  font-size: 0.92rem;
  font-weight: 550;
  letter-spacing: 0;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

body .t-Header-nav .a-MenuBar-item .a-MenuBar-label:hover,
body .t-Header-nav .a-MenuBar-item.is-focused .a-MenuBar-label,
body .t-Header-nav .a-MenuBar-item:focus-within .a-MenuBar-label {
  border-color: rgba(223, 231, 241, 0.9) !important;
  background: var(--nw-nav-hover) !important;
  color: var(--nw-nav-ink) !important;
}

body .t-Header-nav .a-MenuBar-item.a-Menu--current .a-MenuBar-label,
body .t-Header-nav .a-MenuBar-item.is-current .a-MenuBar-label {
  border-color: rgba(223, 231, 241, 0.95) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--nw-nav-ink) !important;
  box-shadow: var(--nw-nav-active-shadow) !important;
}

body .t-NavigationBar .t-Button--navBar {
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--nw-nav-muted) !important;
  font-weight: 550;
}

body .t-NavigationBar .t-Button--navBar:hover,
body .t-NavigationBar .t-Button--navBar:focus-visible,
body .t-NavigationBar-item.is-active .t-Button--navBar {
  border-color: rgba(223, 231, 241, 0.9) !important;
  background: var(--nw-nav-hover) !important;
  color: var(--nw-nav-ink) !important;
}

body .t-Body-nav {
  border-inline-end: 1px solid rgba(223, 231, 241, 0.92) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 12px 0 34px rgba(15, 23, 42, 0.04) !important;
  color: var(--nw-nav-muted) !important;
  backdrop-filter: blur(18px);
}

body .t-Body-nav .t-TreeNav {
  padding-block: 0.7rem;
  padding-inline: 0.55rem;
  background: transparent !important;
  color: var(--nw-nav-muted) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-node {
  margin-block: 0.15rem;
}

body .t-Body-nav .t-TreeNav .a-TreeView-row {
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background: transparent !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

body .t-Body-nav .t-TreeNav .a-TreeView-content,
body .t-Body-nav .t-TreeNav .a-TreeView-toggle {
  color: var(--nw-nav-muted) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-content {
  font-size: 0.92rem;
  font-weight: 550;
  letter-spacing: 0;
}

body .t-Body-nav .t-TreeNav .a-TreeView-row.is-hover {
  border-color: transparent !important;
  background: var(--nw-nav-hover) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-row.is-hover + .a-TreeView-toggle,
body .t-Body-nav .t-TreeNav .a-TreeView-row.is-hover + .a-TreeView-content,
body .t-Body-nav .t-TreeNav .a-TreeView-row.is-hover + .a-TreeView-toggle + .a-TreeView-content {
  color: var(--nw-nav-ink) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-row.is-current,
body .t-Body-nav .t-TreeNav .a-TreeView-row.is-selected,
body .t-Body-nav .t-TreeNav .a-TreeView-row.is-current--top,
body .t-Body-nav .t-TreeNav .a-TreeView-row.is-current--top.is-selected {
  border-color: rgba(223, 231, 241, 0.95) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--nw-nav-active-shadow) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-content.is-current,
body .t-Body-nav .t-TreeNav .a-TreeView-content.is-selected,
body .t-Body-nav .t-TreeNav .a-TreeView-content.is-current--top {
  color: var(--nw-nav-ink) !important;
  font-weight: 650;
}

body .t-Body-nav .t-TreeNav .a-TreeView-content.is-current > .fa,
body .t-Body-nav .t-TreeNav .a-TreeView-content.is-selected > .fa,
body .t-Body-nav .t-TreeNav .a-TreeView-content.is-current--top > .fa {
  color: var(--nw-nav-blue) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-node--topLevel {
  border-block-end: 0;
}

body .t-Body-nav .t-TreeNav .a-TreeView-node--topLevel ul {
  background: transparent !important;
  color: var(--nw-nav-muted) !important;
}

body .t-Body-nav .t-TreeNav--classic .a-TreeView-row.is-current--top,
body .t-Body-nav .t-TreeNav--classic .a-TreeView-row.is-current--top ~ ul .a-TreeView-row {
  box-shadow: var(--nw-nav-active-shadow) !important;
}

body .t-Body-nav .t-TreeNav .a-TreeView-row.is-focused {
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.2),
    0 0 0 4px rgba(37, 99, 235, 0.08) !important;
}

@media (max-width: 640px) {
  body .t-Header {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(14px);
  }

  body .t-Header-branding {
    min-block-size: 3.75rem;
  }

  body .t-Header-logo-link {
    font-size: 1rem;
  }

  body .t-Body-nav {
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 16px 0 36px rgba(15, 23, 42, 0.08) !important;
  }
}

@supports not (backdrop-filter: blur(1px)) {
  body .t-Header,
  body .t-Body-nav {
    background: #ffffff !important;
  }
}