.pui-sidenav{background:var(--pui-rail-bg);color:var(--pui-rail-text);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-rail-fill);border-radius:var(--pui-radius-2);color:var(--pui-rail-text);font-size:var(--pui-font-size-3)}.pui-sidenav__logo--brand{background:var(--pui-rail-brand-mark) center /contain no-repeat;border-radius:0}.pui-sidenav__app{color:var(--pui-rail-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:var(--pui-rail-row-gap);margin-top:var(--pui-space-2)}.pui-sidenav__menu--footer{margin-top:0}.pui-sidenav__item{align-items:center;border-radius:var(--pui-radius-2);color:var(--pui-rail-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-rail-item-hover);color:var(--pui-rail-text)}.pui-sidenav__item:focus-visible{outline:var(--pui-border-width-2) solid var(--pui-rail-focus);outline-offset:-2px}.pui-sidenav__item.is-active{background:var(--pui-rail-item-active);color:var(--pui-rail-text);font-weight:var(--pui-font-weight-medium)}.pui-sidenav__item.is-active:hover{background:var(--pui-rail-item-active-hover);color:var(--pui-rail-text)}.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{display:flex;flex-direction:column;gap:var(--pui-rail-row-gap);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);color:var(--pui-rail-text-subtle);cursor:pointer;display:flex;font:inherit;gap:var(--pui-space-3);padding:var(--pui-space-2);width:100%}.pui-sidenav__account:hover{background:var(--pui-rail-item-hover);color:var(--pui-rail-text)}.pui-sidenav__account:focus-visible{outline:var(--pui-border-width-2) solid var(--pui-rail-focus);outline-offset:-2px}.pui-sidenav__account-name{color:var(--pui-rail-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-rail-text-subtle);flex:none}.pui-sidenav__account-avatar .pui-avatar{background:var(--pui-rail-fill);color:var(--pui-rail-text)}.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}}