/* Waterline's glass rim and sliding drop, adapted to Vitality's existing header. */
.navbar .nav-links li.vitality-glass-pill { display: none !important; }

@media (min-width: 901px) {
  /* Discord is a standard nav link with a brand icon. */
  .navbar .nav-links li a.nav-discord {
    border: 0;
    color: var(--text-dim);
  }
  .navbar .nav-links li a.nav-discord:hover {
    background: rgba(255, 255, 255, .06);
    color: #fff;
  }
  header.main-hero .navbar.is-scrolled {
    background-color: rgba(13, 10, 19, .77);
    border-color: rgba(209, 186, 245, .16);
    box-shadow: inset 0 1px 0 rgba(237, 218, 255, .08),
      inset 0 -1px 0 rgba(149, 100, 216, .08), 0 16px 48px -16px rgba(0, 0, 0, .88);
  }
}
@media (min-width: 1025px) and (forced-colors: none) {
  header.main-hero .navbar .nav-links.has-glass-pill::before { opacity: 0; }
  header.main-hero .navbar .nav-links.has-glass-pill {
    position: relative !important;
    isolation: isolate;
  }
  .navbar .nav-links.has-glass-pill li.vitality-glass-pill {
    display: block !important;
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 0;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: 999px;
    border: 1px solid #bd97ed66;
    background: radial-gradient(ellipse at 52% 0%, #bc8cff5c, transparent 73%), #291a3ce8;
    box-shadow: inset 0 1px 1px #f7e3ff44, inset 0 -1px 3px #a67be944, 0 2px 10px #11091f44;
  }
  .navbar .nav-links.has-glass-pill li a { position: relative; z-index: 1; }
  .navbar .nav-links.has-glass-pill li a:not(.nav-cta):hover { color: #fff; }
  .navbar .nav-links.has-glass-pill li a[aria-current="page"]:not(.nav-cta),
  .navbar .nav-links.has-glass-pill li a.nav-active:not(.nav-cta) {
    color: #fff;
    background: transparent;
  }
}