.desktop-module-nav{display:none}

@media(min-width:701px){
  body[data-authenticated-app] .topbar{
    padding-left:max(24px,calc((100vw - 1600px)/2));
    padding-right:max(24px,calc((100vw - 1600px)/2))
  }

  .authenticated-shell{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    width:100%;
    max-width:1600px;
    min-height:calc(100vh - 88px);
    margin:0 auto
  }

  .authenticated-shell>main{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:38px 32px 70px
  }

  .desktop-module-nav{
    position:sticky;
    top:88px;
    align-self:start;
    display:flex;
    flex-direction:column;
    width:100%;
    height:calc(100vh - 88px);
    min-height:420px;
    gap:0;
    padding:22px 10px;
    border-right:1px solid var(--line);
    background:var(--theme-surface,var(--paper));
    overflow:visible
  }

  .desktop-module-nav-heading{display:none}

  .desktop-module-nav-list{
    display:grid;
    gap:7px;
    width:100%
  }

  .desktop-module-nav-link{
    display:flex;
    width:52px;
    height:52px;
    min-width:52px;
    margin:0 auto;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:15px;
    color:var(--muted);
    text-decoration:none;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease
  }

  .desktop-module-nav-link svg{
    width:23px;
    height:23px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
  }

  .desktop-module-nav-link span{display:none}

  .desktop-module-nav-link:hover,
  .desktop-module-nav-link:focus-visible{
    background:var(--theme-surface-soft);
    color:var(--ink)
  }

  .desktop-module-nav-link.is-active{
    background:var(--theme-selected);
    border-color:var(--theme-selected-border);
    color:var(--theme-selected-text)
  }

  .desktop-module-nav-link.is-active svg{stroke-width:2}
}

@media(min-width:1200px){
  .authenticated-shell{
    grid-template-columns:232px minmax(0,1fr)
  }

  .authenticated-shell>main{
    padding:48px clamp(36px,3vw,64px) 70px
  }

  .desktop-module-nav{
    padding:30px 18px
  }

  .desktop-module-nav-heading{
    display:block;
    margin:0 12px 14px;
    color:var(--muted);
    font-size:10px;
    font-weight:750;
    letter-spacing:1.8px;
    line-height:1.2;
    text-transform:uppercase
  }

  .desktop-module-nav-link{
    width:100%;
    height:auto;
    min-height:50px;
    min-width:0;
    margin:0;
    padding:0 14px;
    justify-content:flex-start;
    gap:12px;
    border-radius:14px
  }

  .desktop-module-nav-link span{
    display:block;
    min-width:0;
    overflow:hidden;
    font-size:14px;
    font-weight:650;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap
  }
}

@media(max-width:700px){
  .authenticated-shell{display:block}
}