.pui-sidenav{background:var(--pui-color-bg);border-right:var(--pui-border-width-1) solid var(--pui-color-border-subtle);display:flex;flex-direction:column;gap:var(--pui-space-2);overflow:hidden;padding:var(--pui-space-3) var(--pui-space-2);transition:width var(--pui-dur-2) var(--pui-ease-in-out);width:15rem}.pui-sidenav__account-avatar,.pui-sidenav__item-icon,.pui-sidenav__logo{align-items:center;display:inline-flex;flex:none;height:2rem;justify-content:center;width:2rem}.pui-sidenav__account-caret,.pui-sidenav__account-name,.pui-sidenav__app,.pui-sidenav__item-label{transition:opacity var(--pui-dur-1) var(--pui-ease-out)}.pui-sidenav__brand{align-items:center;display:flex;gap:var(--pui-space-3);min-width:0;padding:var(--pui-space-2)}.pui-sidenav__logo{background:var(--pui-color-accent);border-radius:var(--pui-radius-2);color:var(--pui-color-accent-contrast);font-size:var(--pui-font-size-3)}.pui-sidenav__app{color:var(--pui-color-text);font-size:var(--pui-font-size-4);font-weight:var(--pui-font-weight-bold);overflow:hidden;white-space:nowrap}.pui-sidenav__menu{display:flex;flex-direction:column;gap:2px;margin-top:var(--pui-space-2)}.pui-sidenav__item{align-items:center;border-radius:var(--pui-radius-2);color:var(--pui-color-text-subtle);display:flex;font-size:var(--pui-font-size-3);gap:var(--pui-space-3);padding:var(--pui-space-2);text-decoration:none;white-space:nowrap}.pui-sidenav__item:hover{background:var(--pui-color-surface);color:var(--pui-color-text)}.pui-sidenav__item:focus-visible{outline:var(--pui-border-width-2) solid var(--pui-color-focus);outline-offset:-2px}.pui-sidenav__item.is-active{background:var(--pui-accent-3);color:var(--pui-accent-11);font-weight:var(--pui-font-weight-medium)}.pui-sidenav__item.is-active:hover{background:var(--pui-accent-4);color:var(--pui-accent-11)}.pui-sidenav__item-icon{color:inherit;font-size:var(--pui-font-size-4)}.pui-sidenav__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pui-sidenav__footer{margin-top:auto;padding-top:var(--pui-space-2)}.pui-sidenav__account{align-items:center;background:transparent;border:0;border-radius:var(--pui-radius-2);cursor:pointer;display:flex;gap:var(--pui-space-3);padding:var(--pui-space-2);width:100%}.pui-sidenav__account:hover{background:var(--pui-color-surface)}.pui-sidenav__account:focus-visible{outline:var(--pui-border-width-2) solid var(--pui-color-focus);outline-offset:-2px}.pui-sidenav__account-name{color:var(--pui-color-text);flex:1;font-size:var(--pui-font-size-2);font-weight:var(--pui-font-weight-medium);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pui-sidenav__account-caret{color:var(--pui-color-text-subtle);flex:none}.pui-sidenav.is-collapsed{width:4rem}.pui-sidenav.is-collapsed .pui-sidenav__account-caret,.pui-sidenav.is-collapsed .pui-sidenav__account-name,.pui-sidenav.is-collapsed .pui-sidenav__app,.pui-sidenav.is-collapsed .pui-sidenav__item-label{opacity:0}.pui-sidenav.is-expanded{width:15rem}.pui-sidenav.is-expanded .pui-sidenav__account-caret,.pui-sidenav.is-expanded .pui-sidenav__account-name,.pui-sidenav.is-expanded .pui-sidenav__app,.pui-sidenav.is-expanded .pui-sidenav__item-label{opacity:1}@container pui-shell (max-width: 48rem){.pui-sidenav:not(.is-collapsed):not(.is-expanded){width:4rem}.pui-sidenav:not(.is-collapsed):not(.is-expanded) .pui-sidenav__account-caret,.pui-sidenav:not(.is-collapsed):not(.is-expanded) .pui-sidenav__account-name,.pui-sidenav:not(.is-collapsed):not(.is-expanded) .pui-sidenav__app,.pui-sidenav:not(.is-collapsed):not(.is-expanded) .pui-sidenav__item-label{opacity:0}}@media (prefers-reduced-motion:reduce){.pui-sidenav,.pui-sidenav__account-caret,.pui-sidenav__account-name,.pui-sidenav__app,.pui-sidenav__item-label{transition:none}}