/* Production hotfix: desktop theme toggle before profile completion. */
#root .nv-preauth-theme-toggle {
  display: none;
}

@media (min-width: 900px) {
  #root :is(.nv-auth-v4, .nv-onboarding-v5, .nv-profile-setup-v8) > .nv-preauth-theme-toggle {
    box-sizing: border-box;
    position: absolute;
    top: 24px;
    left: 30px;
    z-index: 90;
    width: 44px;
    height: 44px;
    border: 1px solid var(--nv6-line, var(--nv5-line, rgba(255, 255, 255, 0.12)));
    border-radius: 16px;
    color: var(--nv6-text, var(--nv5-text, #f7f7f2));
    background: color-mix(in srgb, var(--nv6-panel, var(--nv5-bg, #121712)) 72%, transparent);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    backdrop-filter: blur(18px) saturate(1.08);
    place-items: center;
    padding: 0;
    display: grid;
    cursor: pointer;
  }

  #root .nv-auth-v4 > .nv-preauth-theme-toggle {
    left: 72px;
  }

  #root :is(.nv-auth-v4, .nv-onboarding-v5, .nv-profile-setup-v8) > .nv-preauth-theme-toggle:hover {
    border-color: var(--nv6-line-strong, var(--nv5-line-strong, rgba(255, 255, 255, 0.2)));
    color: var(--nv6-lime, var(--nv5-lime, #c9f43d));
    transform: translateY(-1px);
  }

  #root .nv-preauth-theme-toggle svg {
    width: 20px;
    height: 20px;
    stroke-width: 2.2;
  }

  #root .nv-preauth-theme-toggle__icon {
    line-height: 0;
    display: none;
  }

  #root .nv-preauth-theme-toggle[data-theme="dark"] .nv-preauth-theme-toggle__icon--sun,
  #root .nv-preauth-theme-toggle[data-theme="light"] .nv-preauth-theme-toggle__icon--moon {
    display: block;
  }

  :root[data-theme="light"] #root :is(.nv-auth-v4, .nv-onboarding-v5, .nv-profile-setup-v8) > .nv-preauth-theme-toggle {
    color: #14211b;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 16px 42px rgba(31, 47, 35, 0.1);
  }
}