*{box-sizing:border-box}:host{display:block;width:100%;border-radius:var(--radius-components-sidebar-nav);-webkit-tap-highlight-color:transparent;transition:background-color 0.2s ease}.menu-item{display:flex;align-items:center;gap:var(--space-3);min-width:56px;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:inherit;cursor:pointer}:host([variant="sidebar"]) .menu-item.is-active{background-color:var(--components-menu-item-sidebar-bg-active);overflow:clip}:host([variant="hamburger"]) .menu-item.is-active{background-color:var(--components-menu-item-hamburger-bg-active);overflow:clip}:host([variant="section"]) .menu-item.is-active{background-color:var(--components-menu-item-section-bg-active);overflow:clip}.menu-item.is-disabled{pointer-events:none}@media (hover:hover){:host([variant="sidebar"]) .menu-item:hover:not(.is-disabled):not(.is-active){background-color:var(--components-menu-item-sidebar-bg-hover)}:host([variant="hamburger"]) .menu-item:hover:not(.is-disabled):not(.is-active){background-color:var(--components-menu-item-hamburger-bg-hover)}:host([variant="section"]) .menu-item:hover:not(.is-disabled):not(.is-active){background-color:var(--components-menu-item-section-bg-hover)}}.box-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.box-icon-left{width:24px;height:24px}.box-icon-right{width:16px;height:16px}.label{flex:1 1 0;min-width:0;letter-spacing:var(--font-letter-spacing-title-16)}:host([variant="sidebar"]) .menu-item .label{color:var(--components-menu-item-sidebar-text)}:host([variant="hamburger"]) .menu-item .label{color:var(--components-menu-item-hamburger-text)}:host([variant="section"]) .menu-item .label{color:var(--components-menu-item-section-text)}:host([variant="sidebar"]) .menu-item.is-active .label{color:var(--components-menu-item-sidebar-text-active)}:host([variant="hamburger"]) .menu-item.is-active .label{color:var(--components-menu-item-hamburger-text-active)}:host([variant="section"]) .menu-item.is-active .label{color:var(--components-menu-item-section-text-active)}:host([variant="sidebar"]) .menu-item.is-disabled .label{color:var(--components-menu-item-sidebar-text-disabled)}:host([variant="hamburger"]) .menu-item.is-disabled .label{color:var(--components-menu-item-hamburger-text-disabled)}:host([variant="section"]) .menu-item.is-disabled .label{color:var(--components-menu-item-section-text-disabled)}