.content-menu>.foreground-content{display:grid;inline-size:100%;place-items:center var(--menu-justify,end)}.CustomMenu{--collapse-button-display:block;--menu-bg:transparent;--menu-padding:unset;--item-padding:0.875em;--item-font-size:1em;--item-font-weight:400;--submenu-bg:var(--text-contrast);--submenu-sub-bg:var(--text-contrast-darker);--submenu-sub-sub-bg:var(--text-contrast-darkest);--transition-duration:300ms;--transition-timing:cubic-bezier(0.77,0,0.175,1);--hover-filter:brightness(0.84) contrast(1.4) saturate(1.42) brightness(0.9) contrast(1.2) saturate(0.78);--active-filter:brightness(1.12) contrast(0.84) saturate(1.3) brightness(1.06) contrast(1.12) saturate(0.78);&>button{display:var(--collapse-button-display)}menu{background-color:var(--menu-bg);list-style:none;padding:var(--menu-padding);&>li{flex:none;inline-size:max-content;&>[role=menuitem]{color:var(--text-color);display:flex;font-size:var(--item-font-size);font-weight:var(--item-font-weight);inline-size:100%;line-height:1;min-inline-size:max-content;padding:var(--item-padding);text-decoration:none;white-space:nowrap;svg{flex:none;margin-left:auto}hr{inline-size:100%;margin-block:0}}&:not(.isText)>[role=menuitem]:hover{-webkit-backdrop-filter:var(--hover-filter);backdrop-filter:var(--hover-filter);transition:filter var(--transition-duration) var(--transition-timing),-webkit-filter var(--transition-duration) var(--transition-timing)}&:not(.isText)>[role=menuitem]:active{-webkit-backdrop-filter:var(--active-filter);backdrop-filter:var(--active-filter);transition:filter 0ms linear,-webkit-filter 0ms linear}&:is(.hasChildren):not(.hasLink){display:grid;grid-template-areas:"button" "submenu";grid-template-columns:1fr;grid-template-rows:auto auto;&>button[role=menuitem]{grid-area:button}&>menu[role=menu]{grid-area:submenu}}&:is(.hasChildren.hasLink){display:grid;grid-template-areas:"link button" "submenu submenu";grid-template-columns:1fr auto;grid-template-rows:auto auto;&>a[role=menuitem]{grid-area:link;padding-right:.25em}&>button[role=menuitem]{grid-area:button;padding:var(--item-padding)}&>menu[role=menu]{grid-area:submenu}}}}&>[role=menubar]{display:flex;&>li>[role=menuitem]{--item-font-size:var(--top-level-size,1em);--item-font-weight:var(--top-level-weight,400)}button>svg{transition:rotate var(--transition-duration) 50ms var(--transition-timing)}button[aria-expanded=true]>svg{rotate:-180deg}}.subMenu{--menu-bg:var(--submenu-bg);height:0;max-inline-size:100vw;min-inline-size:100%;overflow:hidden;will-change:height;&>li>[role=menuitem]{--item-font-size:var(--sub-level-size,1em);--item-font-weight:var(--sub-level-weight,400)}}.subMenu .subMenu{--menu-bg:var(--submenu-sub-bg);&>li>[role=menuitem]{--item-font-size:var(--sub-sub-level-size,1em);--item-font-weight:var(--sub-sub-level-weight,400)}}&:is(.collapse){--collapse-button-display:block;position:relative;menu>li{inline-size:max-content;max-inline-size:100%;min-inline-size:100%}>[role=menubar]{--menu-bg:var(--submenu-bg);flex-direction:column;height:0;inline-size:calc(100vw - 2rem);overflow:hidden;position:absolute;right:0;top:100%;translate:0 1em;will-change:height}.subMenu{--menu-bg:var(--submenu-sub-bg)}.subMenu .subMenu{--menu-bg:var(--submenu-sub-sub-bg)}}&:not(.collapse){--collapse-button-display:none;&>[role=menubar]>li:is(.hasChildren){position:relative;&>menu[role=menu]{position:absolute;translate:0 -.125em}}.subMenu>li{inline-size:100%;min-inline-size:max-content}[aria-expanded=true]~.subMenu._depth1{position:relative;z-index:2;&:before{background-color:var(--primary);block-size:.125em;content:"";inline-size:100%;left:0;position:absolute;right:0;top:0}}}}@media (min-width:576px){.CustomMenu:is(.collapse)>[role=menubar]{inline-size:auto}}