:root{
  --shared-nav-width:250px;
  --shared-nav-bg:#000;
  --shared-nav-ink:#f2f2f7;
  --shared-nav-muted:#8e8e93;
  --shared-nav-line:#38383a;
  --shared-nav-accent:#87ceeb;
}

.unified-portfolio-nav{
  position:fixed!important;
  inset:0 auto 0 0!important;
  z-index:110!important;
  width:var(--shared-nav-width)!important;
  height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  padding:96px 24px 28px 30px!important;
  overflow-y:auto!important;
  border:0!important;
  border-right:.5px solid var(--shared-nav-line)!important;
  border-radius:0!important;
  background:var(--shared-nav-bg)!important;
  color:var(--shared-nav-ink)!important;
  box-shadow:none!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.unified-portfolio-nav .sidebar-back{display:none!important}
.unified-portfolio-nav .shared-nav-home{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 34px!important;
  padding:0!important;
  color:var(--shared-nav-accent)!important;
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  transition:opacity .3s ease!important;
}
.unified-portfolio-nav .shared-nav-home:hover{opacity:.7!important}
.unified-portfolio-nav .shared-nav-home-arrow{font-size:16px!important;line-height:1!important}

.unified-portfolio-nav ul{margin:0!important;padding:0!important;list-style:none!important}
.unified-portfolio-nav .nav-menu{display:block!important;margin:0!important;padding:0 0 28px!important;border-bottom:.5px solid var(--shared-nav-line)!important}
.unified-portfolio-nav.is-home-nav .nav-menu{padding-top:56px!important}
.unified-portfolio-nav .nav-menu li{margin:0!important;padding:0!important}
.unified-portfolio-nav .nav-menu a{
  display:block!important;
  margin:0!important;
  padding:8px 0!important;
  color:var(--shared-nav-ink)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
  text-decoration:none!important;
}
.unified-portfolio-nav .nav-menu a:hover,
.unified-portfolio-nav .nav-menu a.active{color:var(--shared-nav-accent)!important}

.unified-portfolio-nav .project-list{
  display:block!important;
  margin:28px 0 0!important;
  padding:0!important;
  border:0!important;
}
.unified-portfolio-nav .project-list li{margin:0!important;padding:0!important}
.unified-portfolio-nav .project-list a{
  display:block!important;
  position:relative!important;
  margin:0!important;
  padding:5px 0!important;
  color:var(--shared-nav-muted)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
}
.unified-portfolio-nav .project-list a:hover,
.unified-portfolio-nav .project-list a.active,
.unified-portfolio-nav .project-list a.parent-project{color:#d9d9dd!important}
.unified-portfolio-nav .project-list a.active{color:var(--shared-nav-accent)!important;font-weight:600!important}
.unified-portfolio-nav .project-list a.project-link--subproject,
.unified-portfolio-nav .project-list a.subproject{margin-left:14px!important;padding-left:14px!important;font-size:13px!important}
.unified-portfolio-nav .project-list a.project-link--subproject::before,
.unified-portfolio-nav .project-list a.subproject::before{content:'↳'!important;position:absolute!important;left:0!important;color:#555!important}

.unified-portfolio-nav .sidebar-close{
  position:absolute!important;
  top:20px!important;
  right:18px!important;
  width:28px!important;
  height:28px!important;
  display:none!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#171717!important;
  color:#f2f2f7!important;
  font-size:17px!important;
}

body.nav-collapsible-page .unified-portfolio-nav .sidebar-close{display:grid!important}

.unified-portfolio-nav .project-toc{margin-top:28px!important;padding-top:20px!important;border-top:.5px solid var(--shared-nav-line)!important}
.unified-portfolio-nav .sidebar-status{margin-top:auto!important;padding-top:24px!important}

@media(max-width:768px){
  .unified-portfolio-nav{
    width:min(290px,88vw)!important;
    transform:translateX(-102%)!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1)!important;
  }
  body.unified-nav-open .unified-portfolio-nav{transform:translateX(0)!important}
  .unified-portfolio-nav .sidebar-close{display:grid!important}
  .unified-nav-trigger{
    position:fixed!important;
    top:18px!important;
    left:18px!important;
    z-index:109!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    background:rgba(10,10,10,.86)!important;
    color:#f2f2f7!important;
    font-size:18px!important;
    backdrop-filter:blur(16px)!important;
  }
  body.unified-nav-open .unified-nav-trigger{opacity:0!important;pointer-events:none!important}
}

@media(min-width:769px){
  .unified-nav-trigger{display:none!important}
  body.nav-collapsible-page .unified-nav-trigger{display:flex!important}
}