@layer organisms{.phxsg-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));&,>.phxsg-navigation-menu__body,>.phxsg-navigation-menu__overlay{top:var(--comp-navigation-height)}.phxsg-navigation-menu__body .phxsg-navigation-menu__body{top:0}}.phxsg-navigation-menu__header,.phxsg-navigation-menu__content,.phxsg-navigation-menu__footer{@media screen and (min-width: 768px){z-index:1}}.phxsg-navigation-menu__content{--comp-box-spacing-top: var(--sys-spacing-4);--comp-box-spacing-bottom: var(--sys-spacing-4);--comp-box-spacing-left: var(--sys-spacing-4);--comp-box-spacing-right: var(--sys-spacing-4);position:unset}.phxsg-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%;overflow-y:scroll;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;>.phxsg-navigation-menu__body{position:absolute}}}.phxsg-navigation-menu__body{@media screen and (min-width: 768px){--panel-max-length: 426px;>.phxsg-navigation-menu__body{z-index:0}}.phxsg-panel[aria-hidden=false] &{animation-name:body-slide-in;animation-delay:var(--panel-animation-delay)}.phxsg-panel[aria-hidden=true] &{animation-name:body-slide-out;animation-delay:var(--panel-animation-delay)}}.phxsg-navigation__icon-toggle{position:relative;>.phxsg-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(.phxsg-is-active){>.phxsg-navigation__button{&:first-child{opacity:0;visibility:hidden}&:last-child{opacity:1;visibility:visible}}}}.phxsg-navigation-country-selector{display:flex;margin-block-start:var(--sys-spacing-5);.phxsg-menu-list__item-button{width:auto}}.phxsg-navigation-country-selector__locales{display:flex;gap:var(--sys-spacing-4);.phxsg-btn:is(:not(.phxsg-is-active)){color:var(--sys-color-muted)}& li:first-child>.phxsg-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}}}}