.sidebar-collapse-toggle{display:grid;margin-right:auto}

@media (min-width:821px){
  .sidebar,.main-content{transition:width .2s ease,margin-right .2s ease,padding .2s ease}
  body.sidebar-collapsed .sidebar{
    width:78px;
    padding:18px 10px 14px;
    overflow-x:hidden;
  }
  body.sidebar-collapsed .main-content{margin-right:78px}
  body.sidebar-collapsed .brand-row{
    justify-content:center;
    padding-inline:0;
    gap:0;
  }
  body.sidebar-collapsed .brand-mark,
  body.sidebar-collapsed .brand-copy,
  body.sidebar-collapsed .school-switcher-copy,
  body.sidebar-collapsed .school-switcher .sync-status,
  body.sidebar-collapsed .nav-group-toggle,
  body.sidebar-collapsed .nav-item>span:not(.nav-icon),
  body.sidebar-collapsed .signed-user>span:not(.user-avatar),
  body.sidebar-collapsed #logoutBtn{
    display:none!important;
  }
  body.sidebar-collapsed .sidebar-collapse-toggle{
    margin:0;
  }
  body.sidebar-collapsed .school-switcher{
    grid-template-columns:38px;
    justify-content:center;
    padding:8px 9px;
  }
  body.sidebar-collapsed .nav-groups{padding-top:9px}
  body.sidebar-collapsed .nav-group{margin-bottom:8px}
  body.sidebar-collapsed .nav-item{
    justify-content:center;
    min-height:42px;
    padding:8px;
  }
  body.sidebar-collapsed .nav-icon{
    margin:0;
  }
  body.sidebar-collapsed .sidebar-footer{padding-top:8px}
  body.sidebar-collapsed .signed-user{
    justify-content:center;
    padding-inline:0;
  }
  body.sidebar-collapsed .user-avatar{margin:0}
}

@media (max-width:820px){
  .sidebar-collapse-toggle{display:none!important}
}