@import "/pkg/jp-ui/css/themes-vars/theme-thalyn.css";
@import "/pkg/jp-ui/css/mount/modal/base.css";
@import "/pkg/jp-ui/css/mount/modal/theme-thalyn.css";
@import "/pkg/jp-ui/css/mount/sticky-bar/base.css";
@import "/pkg/jp-ui/css/mount/sticky-bar/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/avatar/base.css";
@import "/pkg/jp-ui/css/ui/avatar/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/bulk-actions/base.css";
@import "/pkg/jp-ui/css/ui/bulk-actions/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/button/base.css";
@import "/pkg/jp-ui/css/ui/button/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/card/base.css";
@import "/pkg/jp-ui/css/ui/card/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/chip/base.css";
@import "/pkg/jp-ui/css/ui/chip/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/filter-toolbar/base.css";
@import "/pkg/jp-ui/css/ui/filter-toolbar/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/footer/base.css";
@import "/pkg/jp-ui/css/ui/footer/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/form-primitives/base.css";
@import "/pkg/jp-ui/css/ui/form-primitives/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/hero/base.css";
@import "/pkg/jp-ui/css/ui/hero/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/nav/base.css";
@import "/pkg/jp-ui/css/ui/nav/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/page/base.css";
@import "/pkg/jp-ui/css/ui/page/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/pagination/base.css";
@import "/pkg/jp-ui/css/ui/pagination/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/select/base.css";
@import "/pkg/jp-ui/css/ui/select/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/section/base.css";
@import "/pkg/jp-ui/css/ui/spotlight-card/base.css";
@import "/pkg/jp-ui/css/ui/spotlight-card/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/tabs/base.css";
@import "/pkg/jp-ui/css/ui/tabs/theme-thalyn.css";
@import "/pkg/jp-ui/css/ui/talent-card/base.css";
@import "/pkg/jp-ui/css/ui/talent-card/theme-thalyn.css";

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='mobile'][data-nav-open='true'] .jp-nav-links,
.jp-nav-dropdown {
  background: var(--jp-ui-surface);
}

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='mobile'] .jp-nav-toggle,
:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='overflow'] .jp-nav-toggle {
  display: inline-flex !important;
  order: 3;
}

:where(#navbar-root, .jp-ui-nav-host) .jp-nav-links {
  order: 2;
}

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='overflow'][data-nav-open='true'] .jp-nav-overflow-panel {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  position: absolute !important;
  top: var(--jp-ui-nav-height);
  right: calc(-1 * var(--jp-ui-section-pad-x, 36px));
  width: min(92vw, 340px);
  padding: 10px;
  background: var(--jp-ui-surface);
  border: 1px solid var(--jp-ui-border);
  border-radius: 0;
  box-shadow: var(--jp-ui-shadow);
  z-index: 230;
}

:where(#navbar-root, .jp-ui-nav-host) .jp-nav-overflow-panel[hidden] {
  display: none !important;
}

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='overflow'][data-nav-open='true'] .jp-nav-overflow-panel .jp-nav-link {
  width: 100%;
}

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='overflow'][data-nav-open='true'] .jp-nav-overflow-panel .jp-nav-dropdown {
  position: static !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin-left: 18px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:where(#navbar-root, .jp-ui-nav-host)[data-nav-layout='overflow'][data-nav-open='true'] .jp-nav-overflow-panel .jp-nav-dropdown-item {
  padding-left: 12px;
  font-size: 90%;
  color: var(--jp-ui-text-muted-strong);
  background: transparent;
}

#featured-talent {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

#featured-talent > .jp-talent-card {
  flex: 1 1 0;
  min-width: 0;
}

#featured-talent > .jp-talent-card:nth-child(n+4) {
  display: none;
}

.jp-pagination-controls {
  flex-wrap: nowrap;
  max-width: 100%;
}

.jp-pagination-controls .jp-page-btn {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  #featured-talent > .jp-talent-card:nth-child(n+3) {
    display: none;
  }
}

@media (max-width: 640px) {
  #featured-talent {
    display: grid;
  }

  #featured-talent > .jp-talent-card:nth-child(n+2) {
    display: none;
  }
}