@layer components{:where(.oksNav){--oks-nav-width:15rem;--oks-nav-collapsed-width:3.5rem;--oks-nav-fg:var(--oks-color-neutral-600,#525252);--oks-nav-fg-active:var(--oks-color-primary-700,#b44801);--oks-nav-fg-hover:var(--oks-color-neutral-900,#171717);--oks-nav-bg-active:color-mix(in srgb, var(--oks-color-primary-500,#3b82f6) 10%, transparent);--oks-nav-bg-hover:var(--oks-color-neutral-100,#f5f5f5);--oks-nav-indent:var(--oks-space-3,12px);--oks-nav-item-radius:var(--oks-radius-md,.375rem);--oks-nav-gap:2px;--oks-nav-active-indicator:none;width:var(--oks-nav-width);gap:var(--oks-space-4,16px);color:var(--oks-nav-fg);flex-direction:column;font-size:14px;display:flex}:where(.oksNav[data-collapsed=true]){width:var(--oks-nav-collapsed-width)}:where(.oksNavList){gap:var(--oks-nav-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}:where(.oksNavSectionTitle){padding:0 var(--oks-space-3,12px);margin-bottom:var(--oks-space-1,4px);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, currentColor 85%, transparent);font-size:11px;font-weight:600}:where(.oksNav[data-collapsed=true]) :where(.oksNavSectionTitle){display:none}:where(.oksNavItem){position:relative}:where(.oksNavLink){align-items:center;gap:var(--oks-space-2_5,10px);width:100%;padding:8px var(--oks-space-3,12px);border-radius:var(--oks-nav-item-radius);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;transition:background-color .1s,color .1s;display:flex}:where(.oksNavLink:hover){background-color:var(--oks-nav-bg-hover);color:var(--oks-nav-fg-hover)}:where(.oksNavLink:focus-visible){outline:2px solid var(--oks-color-primary-500,#3b82f6);outline-offset:1px}:where(.oksNavItem[data-active=true])>:where(.oksNavLink){background-color:var(--oks-nav-bg-active);color:var(--oks-nav-fg-active);box-shadow:var(--oks-nav-active-indicator);font-weight:500}:where(.oksNavIcon){flex-shrink:0;width:1.125rem;height:1.125rem;display:inline-flex}:where(.oksNavIcon)>svg{width:100%;height:100%}:where(.oksNavLabel){text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}:where(.oksNav[data-collapsed=true]) :where(.oksNavLabel),:where(.oksNav[data-collapsed=true]) :where(.oksNavBadge),:where(.oksNav[data-collapsed=true]) :where(.oksNavCaret){display:none}:where(.oksNav[data-collapsed=true]) :where(.oksNavLink){justify-content:center;padding-inline:0}:where(.oksNavBadge){font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}:where(.oksNavCaret){opacity:.6;flex-shrink:0;width:1rem;height:1rem;transition:transform .12s}:where(.oksNavItem[data-expanded=true])>:where(.oksNavLink) :where(.oksNavCaret){transform:rotate(90deg)}:where(.oksNavGroupList){gap:var(--oks-nav-gap);margin:var(--oks-nav-gap) 0 0;padding:0 0 0 var(--oks-nav-indent);border-inline-start:1px solid var(--oks-color-neutral-200,#e5e5e5);flex-direction:column;margin-inline-start:calc(var(--oks-space-3,12px) + .5rem);list-style:none;display:flex}:where(.oksNav[data-collapsed=true]) :where(.oksNavItem[data-has-children=true]) :where(.oksNavGroupList){inset-inline-start:100%;z-index:40;min-width:12rem;margin:0 0 0 var(--oks-space-2,8px);padding:var(--oks-space-1,4px);border:1px solid var(--oks-color-neutral-200,#e5e5e5);border-radius:var(--oks-radius-lg,.5rem);background-color:var(--oks-color-surface,#fff);opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:0;box-shadow:0 12px 28px #00000024}:where(.oksNav[data-collapsed=true]) :where(.oksNavItem[data-has-children=true]:hover) :where(.oksNavGroupList),:where(.oksNav[data-collapsed=true]) :where(.oksNavItem[data-has-children=true]:focus-within) :where(.oksNavGroupList){opacity:1;visibility:visible;pointer-events:auto}:where(.oksNav[data-collapsed=true]) :where(.oksNavGroupList) :where(.oksNavLabel),:where(.oksNav[data-collapsed=true]) :where(.oksNavGroupList) :where(.oksNavCaret){display:inline}:where(.oksNav[data-collapsed=true]) :where(.oksNavGroupList) :where(.oksNavLink){padding-inline:var(--oks-space-3,12px);justify-content:flex-start}@media (prefers-reduced-motion:reduce){:where(.oksNavLink),:where(.oksNavCaret){transition:none}}}