nav-item-ui:hover{background:var(--nav-item-bg-hover);color:var(--nav-item-fg-hover)}nav-item-ui:hover [slot=icon]{color:var(--nav-item-fg-hover)}nav-item-ui[selected]{background:var(--nav-item-bg-selected);color:var(--nav-item-fg-selected)}nav-item-ui[selected] [slot=icon]{color:var(--nav-item-icon-fg-selected)}nav-item-ui[selected] [slot=icon]:empty:before{content:"";width:2px;height:1em;border-radius:1px;background:var(--nav-item-accent)}@scope(nav-item-ui){:where(:scope){--nav-item-accent: var(--a-primary);--nav-item-row-height: var(--a-size);--nav-item-row-height-sm: var(--a-size-sm);--nav-item-row-height-lg: var(--a-size-lg);--nav-item-row-px: var(--a-ui-inset);--nav-item-row-gap: var(--a-space-1);--nav-item-row-radius: var(--a-radius-md);--nav-item-font-size: var(--a-ui-size);--nav-item-font-size-sm: var(--a-ui-sm);--nav-item-font-size-lg: var(--a-ui-lg);--nav-item-font-weight: var(--a-weight-normal);--nav-item-fg: var(--a-neutral-high);--nav-item-fg-hover: var(--a-ui-text-hover);--nav-item-fg-selected: var(--a-ui-text-selected);--nav-item-icon-fg: var(--a-neutral);--nav-item-icon-fg-selected: var(--a-ui-text-selected);--nav-item-bg-hover: var(--a-bg-muted);--nav-item-bg-selected: var(--a-bg-selected);--nav-item-icon-size: calc(var(--nav-item-row-height) - var(--a-space-2));--nav-item-badge-size: var(--a-ui-sm);text-align:start}:scope{box-sizing:border-box;display:flex;align-items:center;gap:var(--nav-item-row-gap);height:var(--nav-item-row-height);padding:0 var(--nav-item-row-px);border-radius:var(--nav-item-row-radius);font-size:var(--nav-item-font-size);color:var(--nav-item-fg);cursor:pointer;user-select:none;white-space:nowrap;transition:background var(--nav-duration-fast) var(--nav-easing),color var(--nav-duration-fast) var(--nav-easing);outline:none;font-weight:var(--nav-item-font-weight)}:scope:focus-visible{background:var(--nav-item-bg-hover);color:var(--nav-item-fg-hover);outline:none}[slot=icon]{width:var(--nav-item-icon-size);height:var(--nav-item-icon-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--nav-item-icon-fg);transition:color var(--nav-duration-fast) var(--nav-easing)}[slot=text]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}[slot=badge]{font-size:var(--nav-item-badge-size);color:var(--nav-item-badge-fg);background:var(--nav-item-badge-bg);padding:1px var(--nav-item-badge-px);border-radius:var(--nav-item-badge-radius);line-height:var(--a-font-leading-normal);margin-inline-start:auto}[slot=trailing]{margin-inline-start:auto;font-size:var(--nav-item-trailing-font);color:var(--nav-item-trailing-fg);border:1px solid var(--nav-item-trailing-border);border-radius:var(--nav-item-trailing-radius);padding:0 var(--nav-item-trailing-px);line-height:var(--a-font-leading-loose);flex-shrink:0}nav-ui[collapsed] & [slot=text],nav-ui[collapsed] & [slot=badge],nav-ui[collapsed] & [slot=trailing]{display:none}nav-ui[collapsed] &{justify-content:center;padding:0}@container sidebar (max-width: 96px){[slot=text],[slot=badge],[slot=trailing]{display:none!important}[slot=icon] icon-ui{--a-icon-size: var(--nav-icon-size-collapsed)}:scope{justify-content:center;padding:0}}:scope[size=sm]{--nav-item-row-height: var(--nav-item-row-height-sm);--nav-item-font-size: var(--nav-item-font-size-sm)}:scope[size=lg]{--nav-item-row-height: var(--nav-item-row-height-lg);--nav-item-font-size: var(--nav-item-font-size-lg)}}nav-item-ui[variant=section] [slot=icon]:empty,nav-ui[variant=section] nav-item-ui:not([variant]) [slot=icon]:empty{display:none}nav-item-ui[variant=section] [slot=icon]:not(:empty),nav-ui[variant=section] nav-item-ui:not([variant]) [slot=icon]:not(:empty){width:1em;height:1em}nav-item-ui[variant=section][selected] [slot=icon]:empty:before,nav-ui[variant=section] nav-item-ui:not([variant])[selected] [slot=icon]:empty:before{content:none}

/*# sourceMappingURL=nav-item.css.map */
