.nav-sub{--nav-sub-width:192px;--nav-sub-padding:var(--space-50);--nav-sub-gap:var(--space-60);--nav-sub-bg:var(--surface-subnav);--nav-sub-border:var(--border-muted);--nav-sub-title-font:var(--font-family-mono);--nav-sub-title-size:16px;--nav-sub-title-weight:var(--font-weight-bold);--nav-sub-title-lh:20px;--nav-sub-title-ls:-0.24px;--nav-sub-title-fg:var(--text-primary);--nav-sub-list-gap:var(--space-40);--nav-sub-item-padding:var(--space-20);--nav-sub-item-fg:var(--text-secondary);--nav-sub-item-font-size:var(--font-size-md);--nav-sub-item-font-weight:var(--font-weight-normal);--nav-sub-item-radius:4px;--nav-sub-item-active-bg:var(--surface-lava);--nav-sub-item-active-fg:var(--text-primary);--nav-sub-item-active-weight:var(--font-weight-bold);--nav-sub-item-trail-color:var(--surface-lava-foreground);display:flex;flex-direction:column;gap:var(--nav-sub-gap);width:var(--nav-sub-width);padding:var(--nav-sub-padding);background:var(--nav-sub-bg);border-right:1px solid var(--nav-sub-border)}.nav-sub,.nav-sub-title{flex-shrink:0;overflow:hidden}.nav-sub-title{font-family:var(--nav-sub-title-font);font-size:var(--nav-sub-title-size);font-weight:var(--nav-sub-title-weight);line-height:var(--nav-sub-title-lh);letter-spacing:var(--nav-sub-title-ls);color:var(--nav-sub-title-fg);white-space:nowrap;text-overflow:ellipsis;margin:0}.nav-sub-list{display:flex;flex-direction:column;gap:var(--nav-sub-list-gap);width:100%;overflow-y:auto;overflow-x:hidden}.nav-sub-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--nav-sub-item-padding);border-radius:var(--nav-sub-item-radius);background:none;border:none;cursor:pointer;font-family:var(--system-font);font-size:var(--nav-sub-item-font-size);font-weight:var(--nav-sub-item-font-weight);line-height:20px;color:var(--nav-sub-item-fg);text-decoration:none;text-align:left;white-space:nowrap;overflow:hidden;outline:none;transition:background var(--system-transition),color var(--system-transition)}.nav-sub-item:hover{background:var(--surface-muted-hover);color:var(--text-primary)}.nav-sub-item[data-active=true]{background:var(--nav-sub-item-active-bg);color:var(--nav-sub-item-active-fg);font-weight:var(--nav-sub-item-active-weight);border-radius:0}.nav-sub-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-sub-item-trail{flex-shrink:0;display:flex;align-items:center;color:var(--nav-sub-item-trail-color)}.nav-sub-item-trail svg{width:var(--size-icon);height:var(--size-icon)}