.navlink{display:flex;position:relative;cursor:pointer}.navlink__main{display:flex;align-items:center;height:40px;padding:0 12px;color:var(--on-surface-low)}.navlink__main--active,.navlink__main--hover{color:var(--primary)}.navlink__label{padding:0 4px}.navlink__items{width:100%}.navlink__container{display:flex;flex-direction:column;position:absolute;width:max-content;max-height:400px;top:100%;left:0;padding:4px;gap:4px;border-radius:var(--radius-lg);background-color:var(--surface-container)}.navlink__container--hidden{max-height:0;opacity:0;padding:0;overflow:hidden}