/* Animate the shell and labels separately; icons keep the same horizontal position. */
@media(min-width:1101px){
 .app-shell.sidebar-auto-expand{padding-left:84px}
 .sidebar-auto-expand>.desktop-sidebar{--sidebar-reveal:0;--sidebar-label-shift:-8px;width:84px;padding:24px 12px;overflow-x:hidden;z-index:30;box-shadow:0 0 0 #061c1d00;transition:width .38s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}
 .sidebar-auto-expand .desktop-sidebar .brand{justify-content:flex-start;padding:0 4px;margin:0 0 22px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-lockup{justify-content:flex-start;gap:11px}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-mark{flex-shrink:0}
 .sidebar-auto-expand .desktop-sidebar .tm-brand-copy{display:block;flex:0 0 160px;white-space:nowrap;opacity:var(--sidebar-reveal);transform:translateX(var(--sidebar-label-shift));visibility:hidden;transition:opacity .14s ease,transform .22s ease,visibility 0s linear .18s}
 .sidebar-auto-expand .desktop-sidebar .branch-scope-selectors{display:grid;max-height:0;min-height:0;overflow:hidden;margin:0;opacity:0;visibility:hidden;transform:translateY(-5px);transition:max-height .3s cubic-bezier(.22,1,.36,1),margin .3s ease,opacity .12s ease,transform .2s ease,visibility 0s linear .22s}
 .sidebar-auto-expand .desktop-sidebar .sidebar-navigation-section{padding-top:12px;border-top:1px solid #70cfc326}
 .sidebar-auto-expand .desktop-sidebar .sidebar-section-title{display:block;max-height:0;margin:0;padding:0 10px;overflow:hidden;white-space:nowrap;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .12s ease}
 .sidebar-auto-expand .desktop-sidebar .sidebar-section-title::before{display:none}
 .sidebar-auto-expand .desktop-sidebar nav a{justify-content:flex-start;gap:12px;min-height:48px;padding:9px 10px;border-radius:12px;white-space:nowrap}
 .sidebar-auto-expand .desktop-sidebar nav a:is(:hover,.active){transform:none}
 .sidebar-auto-expand .desktop-sidebar nav i{flex:0 0 32px;width:32px;height:32px;margin:0}
 .sidebar-auto-expand .desktop-sidebar nav a>span{display:block;flex:0 0 172px;opacity:var(--sidebar-reveal);visibility:hidden;transform:translateX(var(--sidebar-label-shift));transition:opacity .12s ease,transform .22s ease,visibility 0s linear .18s}
 /* The open select holds the panel while pointer travels to its portalled options. */
 .sidebar-auto-expand>.desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true])){--sidebar-reveal:1;--sidebar-label-shift:0px;width:260px;box-shadow:12px 0 32px #061c1d30}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true])) :is(.tm-brand-copy,nav a>span){visibility:visible;transition:opacity .24s ease .08s,transform .34s cubic-bezier(.22,1,.36,1) .06s,visibility 0s}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true])) .branch-scope-selectors{max-height:120px;margin-bottom:20px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .38s cubic-bezier(.22,1,.36,1),margin .38s ease,opacity .24s ease .09s,transform .32s ease .05s,visibility 0s}
 .sidebar-auto-expand .desktop-sidebar:is(:hover,:has(:focus-visible),:has(.styled-select-trigger[aria-expanded=true])) .sidebar-section-title{max-height:48px;padding:15px 10px 9px;opacity:1;transition:max-height .38s ease,padding .38s ease,opacity .24s ease .08s}
}
@media(prefers-reduced-motion:reduce){.sidebar-auto-expand>.desktop-sidebar,.sidebar-auto-expand .desktop-sidebar :is(.tm-brand-copy,.branch-scope-selectors,.sidebar-section-title,nav a>span){transition:none!important;transform:none!important}}