.studio-navigation{background:var(--ui-bg)}.studio-navigation :is([data-slot=link],[data-slot=childLink])[data-active],.studio-navigation [data-active] :is([data-slot=linkLeadingIcon],[data-slot=childLinkIcon],[data-slot=linkTrailingIcon]){color:#fff}.studio-navigation :is([data-slot=linkLeadingIcon],[data-slot=childLinkIcon]){width:1.5rem;height:1.5rem;color:var(--ui-text-muted);transition:color .16s}.studio-navigation :is([data-slot=link],[data-slot=childLink]):not([data-active]):hover :is([data-slot=linkLeadingIcon],[data-slot=childLinkIcon]){color:var(--ui-primary)}.studio-navigation :is([data-slot=link],[data-slot=childLink]){padding-block:.75rem}.studio-navigation :is([data-slot=link],[data-slot=childLink]):before{border-radius:0;inset-block:0}.studio-navigation [data-slot=childList] [data-slot=link]{padding-inline-start:2.5rem}.studio-navigation :is([data-slot=link],[data-slot=childLink])[data-active]:before{background:#344aef}.studio-navigation :is([data-slot=link],[data-slot=childLink]):focus-visible:before{outline-color:var(--ui-primary)}.studio-navigation-control>[data-slot=base],.studio-navigation-control[data-slot=base]{width:100%;color:var(--ui-text-muted);background:0 0;border-radius:0;justify-content:flex-start;padding:.75rem 1.5rem;font-weight:500}.studio-navigation-control>[data-slot=base]:is(:hover,[data-state=open]),.studio-navigation-control[data-slot=base]:hover{background:color-mix(in srgb,var(--ui-bg-elevated) 50%,transparent);color:var(--ui-text-highlighted)}.studio-navigation-control [data-slot=leadingIcon]{width:1.5rem;height:1.5rem;color:var(--ui-text-muted)}.studio-navigation-control:hover [data-slot=leadingIcon]{color:var(--ui-primary)}.studio-navigation-control[data-collapsed=true]>[data-slot=base],.studio-navigation-control[data-collapsed=true][data-slot=base]{justify-content:center;padding-inline:0}