/* Sidebar presentation only. No selectors target the page content or site footer. */
html:root:root .cm-shell-sidebar{
  --sidebar-accent:var(--neutral-brand,#a99bd8);
  --sidebar-active-bg:rgba(169,155,216,.11);
  --sidebar-hover-bg:rgba(255,255,255,.035);
  --sidebar-text:#b8b8b8;--sidebar-icon:#999;--sidebar-heading:#8f8f8f;
  font-family:inherit!important;
}
html:root:root .cm-shell-sidebar .cm-shell-logo-row{border:0!important}
html:root:root .cm-shell-sidebar .cm-shell-logo{padding:22px 24px 24px!important}
html:root:root .cm-shell-sidebar .cm-shell-nav{padding:8px 12px 12px!important;gap:22px!important}
html:root:root .cm-shell-sidebar .cm-shell-nav-section{padding:0!important;gap:2px}
html:root:root .cm-shell-sidebar .cm-shell-nav-section-label{
  margin:0 12px 6px;font-size:11px;font-weight:500;line-height:16px;
  letter-spacing:0;text-transform:none!important;color:var(--sidebar-heading)!important;
}
html:root:root .cm-shell-sidebar .cm-shell-nav-item{
  min-height:40px!important;padding:8px 12px!important;gap:12px!important;
  align-items:center;border-radius:7px;font-size:13px!important;font-weight:400!important;
  line-height:20px;color:var(--sidebar-text)!important;background:transparent!important;box-shadow:none!important;
}
html:root:root .cm-shell-sidebar .cm-shell-nav-item:hover{
  background:var(--sidebar-hover-bg)!important;color:var(--neutral-text)!important;
}
html:root:root .cm-shell-sidebar .cm-shell-nav-item.active{
  background:var(--sidebar-active-bg)!important;color:var(--neutral-text)!important;
  font-weight:500!important;box-shadow:inset 3px 0 0 var(--sidebar-accent)!important;
}
html:root:root .cm-shell-sidebar .cm-shell-nav-item svg{
  width:16px!important;height:16px!important;color:var(--sidebar-icon);opacity:1;
}
html:root:root .cm-shell-sidebar .cm-shell-nav-item svg [stroke]{stroke-width:1.75}
html:root:root .cm-shell-sidebar .cm-shell-nav-item:hover svg{color:var(--neutral-text)}
html:root:root .cm-shell-sidebar .cm-shell-nav-item.active svg{color:var(--sidebar-accent)!important}
html:root:root .cm-shell-sidebar .cm-shell-footer{border:0!important;padding:12px!important}
html:root:root .cm-shell-sidebar :is(.cm-shell-logout,.cm-feedback-sidebar-entry){
  display:flex;align-items:center;justify-content:flex-start;gap:12px!important;
  width:100%;min-height:40px!important;padding:8px 12px!important;
  font-family:inherit!important;font-size:13px!important;font-weight:400!important;line-height:20px;
  border:0!important;border-radius:7px;color:var(--sidebar-text)!important;background:transparent!important;box-shadow:none!important;
}
html:root:root .cm-shell-sidebar :is(.cm-shell-logout,.cm-feedback-sidebar-entry):hover{
  background:var(--sidebar-hover-bg)!important;color:var(--neutral-text)!important;
}
html:root:root .cm-shell-sidebar .cm-feedback-sidebar-entry{margin:0 0 6px!important}
html:root:root .cm-shell-sidebar .cm-feedback-sidebar-entry img{width:16px;height:16px;opacity:.65}
html:root:root .cm-shell-sidebar .cm-feedback-sidebar-entry:hover img{opacity:.9}
html:root:root .cm-shell-sidebar .cm-shell-logout::before{
  content:"";width:16px;height:16px;flex:0 0 16px;background:var(--sidebar-icon);
  -webkit-mask:url('/static/icons/phosphor/arrow-right.svg') center/contain no-repeat;
  mask:url('/static/icons/phosphor/arrow-right.svg') center/contain no-repeat;
}
html:root:root .cm-shell-sidebar .cm-shell-logout:hover::before{background:var(--neutral-text)}
@media(max-width:720px){
  html:root:root .cm-shell-sidebar :is(.cm-shell-nav-item,.cm-shell-logout,.cm-feedback-sidebar-entry){min-height:44px!important}
}