@scope(nav-group-ui){:where(:scope){--nav-group-row-height: var(--a-size);--nav-group-row-height-sm: var(--a-size-sm);--nav-group-row-height-lg: var(--a-size-lg);--nav-group-row-px: var(--a-ui-inset);--nav-group-row-gap: var(--a-space-1);--nav-group-row-radius: var(--a-radius-md);--nav-group-font-size: var(--a-ui-size);--nav-group-font-size-sm: var(--a-ui-sm);--nav-group-font-size-lg: var(--a-ui-lg);--nav-group-font-weight: var(--a-weight-normal);--nav-group-fg: var(--a-neutral-high);--nav-group-fg-hover: var(--a-fg-strong);--nav-group-fg-muted: var(--a-fg-muted);--nav-group-fg-selected: var(--a-fg-strong);--nav-group-icon-fg: var(--a-neutral);--nav-group-icon-fg-selected: var(--a-fg-strong);--nav-group-caret-fg: var(--a-neutral-low);--nav-group-caret-fg-active: var(--a-neutral);--nav-group-bg-hover: var(--a-bg-muted);--nav-group-bg-selected: var(--a-bg-selected);--nav-group-icon-size: calc(var(--nav-group-row-height) - var(--a-space-2));--nav-group-badge-size: var(--a-ui-sm);--nav-group-indent-rail-bg: var(--a-border-subtle);--nav-item-child-height: var(--a-size-sm);--nav-item-child-font: var(--nav-group-font-size)}:scope{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--nav-gap, var(--a-space-1));position:relative;font-weight:var(--nav-group-font-weight)}:scope[open]:after{content:"";position:absolute;left:calc(var(--nav-group-row-px) + var(--nav-group-icon-size) / 2);transform:translate(-50%);top:var(--nav-group-row-height);bottom:calc(var(--nav-group-row-height) / 2);width:1px;background:var(--nav-group-indent-rail-bg, var(--a-border-subtle));pointer-events:none}:scope[open]>[slot=header] [slot=caret]{color:var(--nav-group-caret-fg-active)}:scope[selected]>[slot=header] [slot=icon],:scope[data-selected-within]>[slot=header] [slot=icon]{color:var(--nav-group-icon-fg-selected)}[slot=header]{display:flex;align-items:center;gap:var(--nav-group-row-gap);height:var(--nav-group-row-height);padding:0 var(--nav-group-row-px);border-radius:var(--nav-group-row-radius);font-size:var(--nav-group-font-size);color:var(--nav-group-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}[slot=header]:hover{background:var(--nav-group-bg-hover);color:var(--nav-group-fg-hover)}[slot=header]:hover [slot=icon]{color:var(--nav-group-fg-hover)}[slot=header]:focus-visible{background:var(--nav-group-bg-hover);color:var(--nav-group-fg-hover);outline:none}[slot=header] [slot=icon]{width:var(--nav-group-icon-size);height:var(--nav-group-icon-size);flex-shrink:0;color:var(--nav-group-icon-fg);transition:color var(--nav-duration-fast) var(--nav-easing);display:flex;align-items:center;justify-content:center}[slot=header] [slot=text]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--nav-group-font-weight)}[slot=header] [slot=badge]{font-size:var(--nav-group-badge-size);color:var(--nav-group-fg-muted);background:var(--nav-group-badge-bg);padding:1px var(--nav-group-badge-px);border-radius:var(--nav-group-badge-radius);line-height:var(--a-font-leading-normal)}[slot=header] [slot=caret]{color:var(--nav-group-caret-fg);transition:transform var(--nav-duration-fast) var(--nav-easing),color var(--nav-duration-fast) var(--nav-easing);transform:rotate(90deg);flex-shrink:0;--a-icon-size: var(--a-caret-size)}[slot=header]:hover [slot=caret]{color:var(--nav-group-fg-hover)}:scope:not([open])>[slot=header] [slot=caret]{transform:rotate(0)}:scope:not([open])>nav-item-ui{display:none}:scope>nav-item-ui:not([size]){height:var(--nav-item-child-height);font-size:var(--nav-item-child-font)}nav-ui[collapsed] & [slot=text],nav-ui[collapsed] & [slot=badge],nav-ui[collapsed] & [slot=caret]{display:none}nav-ui[collapsed] & [slot=header]{justify-content:center;padding:0}nav-ui[collapsed] &[selected]>[slot=header],nav-ui[collapsed] &[data-selected-within]>[slot=header]{background:var(--nav-group-bg-selected)}nav-ui[collapsed] &:after{display:none}@container sidebar (max-width: 96px){[slot=text],[slot=badge],[slot=caret]{display:none!important}nav-item-ui{display:none!important}[slot=header]{justify-content:center;padding:0}[slot=header] [slot=icon] icon-ui{--a-icon-size: var(--nav-icon-size-collapsed)}:scope:after{display:none}:scope[selected]>[slot=header],:scope[data-selected-within]>[slot=header]{background:var(--nav-group-bg-selected)}}:scope[size=sm]{--nav-group-row-height: var(--nav-group-row-height-sm);--nav-group-font-size: var(--nav-group-font-size-sm)}:scope[size=lg]{--nav-group-row-height: var(--nav-group-row-height-lg);--nav-group-font-size: var(--nav-group-font-size-lg)}}nav-group-ui [slot=popover]{margin:0;--nav-group-popover-padding: var(--a-space-1);--nav-group-popover-radius: var(--a-radius);padding:var(--nav-group-popover-padding);border:1px solid var(--a-border-subtle);border-radius:var(--nav-group-popover-radius);background:var(--a-bg-subtle);box-shadow:var(--a-shadow-lg);min-width:160px;max-height:calc(100vh - 3rem);overflow-y:auto;font-size:var(--a-ui-size)}nav-group-ui [slot=popover-label]{padding:var(--a-space-1) var(--a-space-2);font-weight:var(--a-weight-medium);color:var(--nav-group-fg-muted);font-size:var(--a-ui-tiny);text-transform:uppercase;letter-spacing:var(--a-font-tracking-wider)}nav-group-ui [slot=popover] [role=option]{padding:var(--a-space-1) var(--a-space-2);--nav-group-option-radius: max(0px, calc(var(--nav-group-popover-radius) - var(--nav-group-popover-padding)));border-radius:var(--nav-group-option-radius);min-height:calc(2 * var(--nav-group-option-radius));color:var(--nav-group-fg-muted);cursor:pointer;white-space:nowrap;transition:background var(--a-duration-fast) var(--a-easing),color var(--a-duration-fast) var(--a-easing)}nav-group-ui [slot=popover] [role=option]:hover{background:var(--nav-group-bg-hover);color:var(--nav-group-fg-hover)}nav-group-ui [slot=popover] [role=option][aria-current=page],nav-group-ui [slot=popover] [role=option][aria-selected=true]{background:var(--nav-group-bg-hover);color:var(--nav-group-fg-selected);font-weight:var(--a-weight-medium)}nav-group-ui[variant=section]>[slot=header],nav-ui[variant=section]>nav-group-ui:not([variant])>[slot=header]{height:auto;padding:var(--a-space-3) var(--a-space-2) var(--a-space-1);font-size:var(--a-kicker-sm, var(--a-ui-tiny));font-weight:var(--a-weight-medium);color:var(--nav-group-fg-muted);text-transform:uppercase;letter-spacing:var(--a-font-tracking-wider);cursor:default;border-radius:0}nav-group-ui[variant=section]>[slot=header]:hover,nav-group-ui[variant=section]>[slot=header]:focus-visible,nav-ui[variant=section]>nav-group-ui:not([variant])>[slot=header]:hover,nav-ui[variant=section]>nav-group-ui:not([variant])>[slot=header]:focus-visible{background:transparent;color:var(--nav-group-fg-muted)}nav-group-ui[variant=section]>[slot=header] [slot=caret],nav-group-ui[variant=section]>[slot=header] [slot=icon]:empty,nav-ui[variant=section]>nav-group-ui:not([variant])>[slot=header] [slot=caret],nav-ui[variant=section]>nav-group-ui:not([variant])>[slot=header] [slot=icon]:empty{display:none}nav-group-ui[variant=section]:not([open])>nav-item-ui,nav-ui[variant=section]>nav-group-ui:not([variant]):not([open])>nav-item-ui{display:flex}nav-group-ui[variant=section]:after,nav-ui[variant=section]>nav-group-ui:not([variant]):after{display:none}

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