@layer base{.navigation-item{max-inline-size:100%;color:var(--theme--text-link-secondary-default);text-align:start;outline-offset:.25rem;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;text-decoration:none;transition:background-color .2s cubic-bezier(.7,0,.3,1),color .2s cubic-bezier(.7,0,.3,1);display:inline-flex}.navigation-item:is(a,button):not([tabindex="-1"]){cursor:pointer}.navigation-item[tabindex="-1"]{cursor:default}.navigation-item:focus-visible,.navigation-item.navigation-item--focus{outline:1px solid -webkit-focus-ring-color}.navigation-item:where(a,button):where(:not([tabindex="-1"])):is(:hover,:focus-visible),.navigation-item.navigation-item--hover,.navigation-item.navigation-item--focus{color:var(--theme--text-link-secondary-hover);background:var(--theme--surface-tertiary-subtle-default);text-decoration:underline}.navigation-item:where(a,button):where(:not([tabindex="-1"])):active,.navigation-item.navigation-item--active{color:var(--theme--text-link-secondary-hover);background:var(--theme--surface-tertiary-active);text-decoration:underline}.navigation-item.navigation-item--is-current,.navigation-item.navigation-item--is-selected{color:var(--theme--text-link-secondary-hover);text-decoration:underline}}