header[data-v-26a7044f] {
  isolation: isolate;
}

header[data-v-26a7044f] .nav-link[data-v-26a7044f] {
  white-space: nowrap;
  flex-shrink: 0;
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  header[data-v-26a7044f] nav.hidden.lg\:flex {
    display: none !important;
  }

  header[data-v-26a7044f] button.lg\:hidden {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  header[data-v-26a7044f] div.lg\:hidden.glass-dark:not([style*="display: none"]) {
    display: block !important;
  }
}

@media (min-width: 1280px) {
  header[data-v-26a7044f] .container {
    max-width: 100%;
  }

  header[data-v-26a7044f] nav.hidden.lg\:flex {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 0 .25rem;
  }

  header[data-v-26a7044f] nav.hidden.lg\:flex::-webkit-scrollbar {
    display: none;
  }

  header[data-v-26a7044f] .nav-link[data-v-26a7044f] {
    min-height: 2.35rem;
    padding: .45rem .55rem;
    font-size: .8125rem;
    line-height: 1.1;
    border: 1px solid transparent;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  }

  header[data-v-26a7044f] .nav-link[data-v-26a7044f]:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, .12);
  }

  header[data-v-26a7044f] .nav-link-active[data-v-26a7044f] {
    color: #c7d2fe;
    background: rgba(99, 102, 241, .22);
    border-color: rgba(129, 140, 248, .28);
  }
}

@media (min-width: 1536px) {
  header[data-v-26a7044f] .nav-link[data-v-26a7044f] {
    padding: .5rem .75rem;
    font-size: .875rem;
  }
}
