.navigation-menu{z-index:9998;--panel-available-height: calc(100vh - var(--comp-navigation-height, 0px));--panel-offset-x: calc(-100% * var(--sys-layout-direction, 1));&,>.navigation-menu__body,>.navigation-menu__overlay{top:var(--comp-navigation-height)}.navigation-menu__body .navigation-menu__body{top:0}}.navigation-menu__header,.navigation-menu__content,.navigation-menu__footer{@media screen and (min-width: 768px){z-index:1}}.navigation-menu__content{padding-block-start:var(--sys-spacing-4);padding-inline:var(--sys-spacing-4);position:unset}.navigation-subnav__item{position:relative}.navigation-subnav__item--divided{border-top:1px solid var(--sys-color-outline)}.navigation-subnav__item--with-content{display:flex;gap:var(--sys-spacing-4);align-items:center;justify-content:flex-start}.navigation-subnav__button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding-block:var(--sys-spacing-4);text-align:start;@media screen and (min-width: 768px){padding-block:var(--sys-spacing-3)}}.navigation-subnav__button--underline{border-bottom:1px solid var(--sys-color-outline);transition:border-bottom var(--sys-motion-duration-short-4) var(--sys-motion-easing-standard-decelerate);&:hover,&:focus,&.is-active{border-bottom:1px solid var(--sys-color-foreground)}&[data-toggle=collapse][aria-expanded=true]{border-bottom-color:transparent}}.navigation-subnav__button--xs{padding-block:var(--sys-spacing-1)}.navigation-subnav__button--sm{padding-block:var(--sys-spacing-3)}.navigation-subnav__button--lowercase{.btn__text{text-transform:unset;font-size:var(--sys-typography-body-medium-size)}}.navigation-subnav__collapsible-content{align-items:flex-start;padding-block-end:var(--sys-spacing-4);position:relative;.is-expanded &{border-bottom:1px solid var(--sys-color-foreground)}}.navigation-menu__fold{--panel-offset-x: calc(100% * var(--sys-layout-direction, 1));&[aria-hidden=true]{--panel-animation-delay: .2s}width:100%;height:100%;z-index:1;position:absolute;inset-inline-start:100%;border-inline-start:1px solid var(--sys-color-outline);@media screen and (min-width: 768px){--panel-offset-x: calc(-100% * var(--sys-layout-direction, 1));z-index:0;>.navigation-menu__body{position:absolute}}}.navigation-menu__body{@media screen and (min-width: 768px){max-width:426px;>.navigation-menu__body{z-index:0}}.panel[aria-hidden=false] &{animation-name:body-slide-in;animation-delay:var(--panel-animation-delay)}.panel[aria-hidden=true] &{animation-name:body-slide-out;animation-delay:var(--panel-animation-delay)}}.navigation__icon-toggle{position:relative;>.navigation__button{transition-property:opacity,visibility;transition-duration:var(--sys-motion-duration-short-3);transition-timing-function:var(--sys-motion-easing-standard);&:last-child{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0;visibility:hidden}}&:has(.is-active){>.navigation__button{&:first-child{opacity:0;visibility:hidden}&:last-child{opacity:1;visibility:visible}}}}.navigation-country-selector{display:flex;margin-block-start:var(--sys-spacing-5);.navigation-subnav__button{width:auto}}.navigation-country-selector__locales{display:flex;gap:var(--sys-spacing-4);.btn:not(.is-active){color:var(--sys-color-muted)}& li:first-child>.btn{margin-inline-start:var(--sys-spacing-4);position:relative;&:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--sys-spacing-4) * -1);width:1px;height:100%;background-color:var(--sys-color-outline);pointer-events:none}}}