ul.menu{margin:0}li.menu-item{position:relative;list-style:none;margin:0;padding:0}li.menu-item>.icon{position:absolute;left:1.5rem;top:.25rem;color:var(--menu-icon-color)}li.menu-item>a{padding:.25rem 0;display:block;font-size:.875rem;color:inherit;transition:background-color .2s ease;white-space:nowrap}ul.menu>li.menu-item>a{padding-left:3.5rem}ul.menu>ul.menu>li.menu-item>a{padding-left:4.5rem}ul.menu>ul.menu>li.menu-item>.icon{left:2.5rem}ul.menu>ul.menu>ul.menu>li.menu-item>a{padding-left:5.5rem}ul.menu>ul.menu>ul.menu>li.menu-item>.icon{left:3.5rem}ul.menu>ul.menu>ul.menu>ul.menu>li.menu-item>a{padding-left:6.5rem}ul.menu>ul.menu>ul.menu>ul.menu>li.menu-item>.icon{left:4.5rem}ul.menu>ul.menu>ul.menu>ul.menu>ul.menu>li.menu-item>a{padding-left:7.5rem}ul.menu>ul.menu>ul.menu>ul.menu>ul.menu>li.menu-item>.icon{left:5.5rem}li.menu-item--heading>a{font-size:.75rem;text-transform:uppercase;font-weight:var(--bold-weight);opacity:.5;margin-top:.25rem}ul.menu--root>li.menu-item--heading>a{margin:1rem 0 .25rem;padding:.25rem 0 .25rem 1.5rem;color:var(--menu-heading-text)}ul.menu--root>li.menu-item--heading .icon{display:none}li.menu-item--heading+li.menu-item--heading>a,li.menu-item--heading:first-child>a{margin-top:0}li.menu-item>a:hover{background:var(--menu-hover-background);text-decoration:none}li.menu-item--current>a,li.menu-item--current>a:hover{font-weight:var(--bold-weight);background:var(--menu-current-background);color:var(--menu-current-text)}li.menu-item--current>.icon{color:var(--menu-current-text)}li.menu-item--current+ul{overflow:hidden;border-inline-end:3px solid var(--menu-current-background)}