/* Stable icon positions; only the background and labels animate on hover. */
.sidebar,.workspace{transition:none}
.sidebar .nav-item{transition:background-color .12s ease-out,color .12s ease-out}
@media(min-width:741px){
 .nav-compact:not(.nav-pinned) .workspace{margin-left:68px}
 .nav-compact:not(.nav-pinned) .sidebar{width:68px;padding:22px 10px 0;background:transparent;border-right:0;overflow:visible;isolation:isolate}
 .nav-compact:not(.nav-pinned) .sidebar::before{content:'';position:absolute;inset:0 auto 0 0;width:208px;background:#f5f6f7;border-right:1px solid #e8e9eb;transform:scaleX(.326923077);transform-origin:left center;transition:transform .16s cubic-bezier(.22,1,.36,1);z-index:-1;pointer-events:none}
 .nav-compact:not(.nav-pinned) .sidebar>nav,.nav-compact:not(.nav-pinned) .sidebar-bottom{width:188px;flex:none;pointer-events:none}
 .nav-compact:not(.nav-pinned) .sidebar .nav-item{position:relative;pointer-events:auto;justify-content:flex-start;width:48px;min-height:45px;padding:12px 14px;gap:16px;font-size:14px;overflow:visible}
 .nav-compact:not(.nav-pinned) .sidebar .nav-item>svg{width:20px;height:20px}
 .nav-compact:not(.nav-pinned) .sidebar .brand{position:relative;flex:none;width:48px;height:50px;margin:4px 0 30px;padding:0 8px;gap:0;justify-content:flex-start}
 .nav-compact:not(.nav-pinned) .sidebar .brand-logo{width:32px;height:40px;flex:none;object-fit:contain}
 .nav-compact:not(.nav-pinned) .sidebar .workspace-label,.nav-compact:not(.nav-pinned) .sidebar .demo-note{display:none}
 .nav-compact:not(.nav-pinned) .sidebar .profile{position:relative;width:188px;justify-content:flex-start;min-height:70px;border-top:0;padding:18px 7px;gap:0}
 .nav-compact:not(.nav-pinned) .sidebar .profile .avatar{flex:none}
 .nav-compact:not(.nav-pinned) .sidebar .brand>span,.nav-compact:not(.nav-pinned) .sidebar .nav-item>span,.nav-compact:not(.nav-pinned) .sidebar .profile>div{display:block;position:absolute;left:50px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(-4px);pointer-events:none;transition:opacity .12s ease-out,transform .16s cubic-bezier(.22,1,.36,1),visibility 0s .16s}
 .nav-compact:not(.nav-pinned) .sidebar .nav-pin{align-self:flex-start;flex:none;margin:-10px 8px 10px}
 .nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar{width:208px}
 .nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar::before{transform:scaleX(1);box-shadow:12px 0 30px #22252a0d}
 .nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar .nav-item,.nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar .brand{width:188px}
 .nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar .brand>span,.nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar .nav-item>span,.nav-compact:not(.nav-pinned).nav-revealed:not(.creative-dragging) .sidebar .profile>div{opacity:1;visibility:visible;transform:translateX(0);transition-delay:0s}
 .creative-dragging .sidebar{pointer-events:none}
 .nav-pinned .nav-pin svg{transform:rotate(180deg)}
}
@media(prefers-reduced-motion:reduce){
 .sidebar,.sidebar::before,.sidebar .nav-item,.sidebar .nav-item>span,.sidebar .brand>span,.sidebar .profile>div{transition:none!important}
}