@layer onyx.override{.onyx-nav-item--navbar,.onyx-nav-item--vertical-navbar{border-radius:var(--onyx-radius-sm);white-space:nowrap;--onyx-list-item-background-hover:transparent;--onyx-list-item-background-selected:var(--onyx-color-base-background-blank);--onyx-list-item-padding:var(--onyx-spacing-2xs) var(--onyx-spacing-md);width:max-content;height:2.5rem;position:relative}:is(.onyx-nav-item--navbar:has(:focus-visible),.onyx-nav-item--vertical-navbar:has(:focus-visible)){outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary);color:var(--onyx-list-item-color)}.onyx-nav-item--navbar:hover,.onyx-nav-item--vertical-navbar:hover{--onyx-list-item-background-selected:var(--onyx-color-base-neutral-200);--onyx-list-item-background-hover:var(--onyx-color-base-neutral-200)}.onyx-nav-item--navbar .onyx-menu-item__chevron,.onyx-nav-item--vertical-navbar .onyx-menu-item__chevron{display:none}.onyx-nav-item--navbar.onyx-nav-item--active,.onyx-nav-item--vertical-navbar.onyx-nav-item--active{font-weight:var(--onyx-font-weight-semibold);color:var(--onyx-color-component-nav-label);--onyx-list-item-color-selected:var(--onyx-color-component-nav-label)}.onyx-nav-item--navbar:has(.onyx-nav-item--active){font-weight:var(--onyx-font-weight-semibold);color:var(--onyx-color-component-nav-label);--onyx-list-item-color-selected:var(--onyx-color-component-nav-label)}.onyx-nav-item--vertical-navbar:has(.onyx-nav-item--active){font-weight:var(--onyx-font-weight-semibold);color:var(--onyx-color-component-nav-label);--onyx-list-item-color-selected:var(--onyx-color-component-nav-label)}.onyx-nav-item--navbar.onyx-nav-item--active:after,.onyx-nav-item--vertical-navbar.onyx-nav-item--active:after{content:" ";width:100%;height:.125rem;bottom:calc(-1 * var(--onyx-spacing-2xs));border-radius:var(--onyx-radius-full) var(--onyx-radius-full) 0 0;background:var(--onyx-color-component-nav-stroke);z-index:1;position:absolute}.onyx-nav-item--navbar:has(.onyx-nav-item--active):after{content:" ";width:100%;height:.125rem;bottom:calc(-1 * var(--onyx-spacing-2xs));border-radius:var(--onyx-radius-full) var(--onyx-radius-full) 0 0;background:var(--onyx-color-component-nav-stroke);z-index:1;position:absolute}.onyx-nav-item--vertical-navbar:has(.onyx-nav-item--active):after{content:" ";width:100%;height:.125rem;bottom:calc(-1 * var(--onyx-spacing-2xs));border-radius:var(--onyx-radius-full) var(--onyx-radius-full) 0 0;background:var(--onyx-color-component-nav-stroke);z-index:1;position:absolute}.onyx-nav-item--mobile{--onyx-list-item-padding:var(--onyx-spacing-sm);color:var(--onyx-color-text-icons-neutral-intense);width:100%;line-height:var(--onyx-font-line-height-md);text-align:start;font-size:var(--onyx-font-size-md);font-weight:var(--onyx-font-weight-regular);border-radius:var(--onyx-radius-sm);border:var(--onyx-1px-in-rem) solid var(--onyx-color-component-border-neutral);align-self:stretch}.onyx-nav-item--mobile:focus-within{background-color:var(--onyx-color-base-background-blank)}.onyx-nav-item--mobile:hover{background-color:var(--onyx-color-base-background-tinted)}.onyx-nav-item--mobile.onyx-nav-item--active{--onyx-list-item-background-selected:var(--onyx-color-base-primary-100);--onyx-list-item-color-selected:var(--onyx-color-component-nav-label);background-color:var(--onyx-list-item-background-selected);border-color:var(--onyx-color-base-primary-200);color:var(--onyx-color-text-icons-neutral-intense);font-weight:600}.onyx-nav-item--mobile:has(.onyx-nav-item--active){--onyx-list-item-background-selected:var(--onyx-color-base-primary-100);--onyx-list-item-color-selected:var(--onyx-color-component-nav-label);background-color:var(--onyx-list-item-background-selected);border-color:var(--onyx-color-base-primary-200);color:var(--onyx-color-text-icons-neutral-intense);font-weight:600}.onyx-nav-item--mobile.onyx-nav-item--active:hover{border-color:var(--onyx-component-border-primary)}.onyx-nav-item--mobile:has(.onyx-nav-item--active):hover{border-color:var(--onyx-component-border-primary)}.onyx-nav-item--mobile.onyx-nav-item--open{all:unset}.onyx-nav-item--vertical-navbar{width:100%}.onyx-nav-item--vertical-navbar.onyx-nav-item--active:after{width:.125rem;height:100%;left:calc(-1 * var(--onyx-spacing-2xs));border-radius:0 var(--onyx-radius-full) var(--onyx-radius-full) 0;bottom:auto}.onyx-nav-item--vertical-navbar:has(.onyx-nav-item--active):after{width:.125rem;height:100%;left:calc(-1 * var(--onyx-spacing-2xs));border-radius:0 var(--onyx-radius-full) var(--onyx-radius-full) 0;bottom:auto}}