@layer organisms{:root{--comp-navigation-height: 60px;@media screen and (min-width: 768px){--comp-navigation-height: 64px}}.phxsg-navigation{height:var(--comp-navigation-height);position:sticky;top:0;z-index:10;background-color:var(--sys-color-background)}.phxsg-navigation__sections{display:grid;display:flex;justify-content:space-between;height:100%}.phxsg-navigation__section{display:flex;align-items:stretch;justify-content:space-between;flex:1 1 100%}.phxsg-navigation__section--center{justify-content:center;align-items:center}.phxsg-navigation__section--start{justify-content:flex-start}.phxsg-navigation__section--end{justify-content:flex-end}.phxsg-navigation__button{--comp-btn-padding-inline: .875rem;--comp-btn-padding-block: .875rem;display:flex;align-items:center;justify-content:center;aspect-ratio:unset;border-radius:0;height:100%;position:relative;&:not(.phxsg-btn--icon-only):after{content:"";width:100%;height:1px;position:absolute;bottom:-1px;left:0;opacity:0;background-color:var(--sys-color-foreground);transition:opacity var(--sys-motion-duration-medium-3) var(--sys-motion-easing-standard)}&.phxsg-is-active:after{opacity:1}@media screen and (max-width: 767px){&.btn{padding-inline:var(--sys-spacing-2)}}}.phxsg-navigation__mobile-btn{@media screen and (min-width: 768px){display:none}}.phxsg-navigation__desktop-btn{@media screen and (max-width: 767px){display:none}}.phxsg-navigation__logo-wrapper{position:relative}.phxsg-navigation__logo,.phxsg-navigation__back-btn{transition-property:opacity,visibility;transition-duration:var(--sys-motion-duration-short-3);transition-timing-function:var(--sys-motion-easing-standard)}.phxsg-btn.phxsg-navigation__logo{width:118px;height:46px;padding-block:0;box-sizing:content-box;@media screen and (max-width: 767px){width:100px;height:40px;&.phxsg-is-hidden{opacity:0;pointer-events:none;visibility:hidden}}.phxsg-btn__icon,.phxsg-icon{width:100%;height:100%}}.phxsg-navigation__back-btn{position:absolute;inset-block-start:0;inset-inline-start:var(--sys-spacing-3);opacity:0;pointer-events:none;visibility:hidden;background-color:var(--sys-color-background);@media screen and (max-width: 767px){&.phxsg-is-visible{opacity:1;pointer-events:auto;visibility:visible}}}}