@layer organisms{html:has(.phxsg-sub-navigation){scroll-behavior:smooth}.phxsg-sub-navigation{height:var(--comp-navigation-height);position:sticky;inset-block-start:0;z-index:10;background-color:var(--sys-color-background);translate:0 var(--comp-navigation-height);transition:translate var(--sys-motion-duration-medium-4) var(--sys-motion-easing-standard-decelerate);.phxsg-nav-hidden &{translate:0 0}}.phxsg-sub-navigation__content{display:flex;align-items:center;gap:var(--sys-spacing-4);height:100%}.phxsg-sub-navigation__title-icon{align-self:center;@media screen and (max-width: 767px){display:none}}.phxsg-sub-navigation__toggle-icon{transition:rotate var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard);.phxsg-is-open &{rotate:180deg}}.phxsg-sub-navigation__list{display:flex;align-items:flex-end;gap:var(--sys-spacing-3);background-color:var(--sys-color-background);@media screen and (max-width: 767px){flex-direction:column;padding-inline:var(--sys-spacing-4) calc(var(--sys-spacing-4) + 1.5rem);padding-block-end:var(--sys-spacing-4);z-index:2;position:absolute;inset-block-start:100%;inset-inline:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard-decelerate),visibility var(--sys-motion-duration-medium-2);.phxsg-is-open &{visibility:visible;clip-path:inset(-1px)}}}.phxsg-sub-navigation__link{&.phxsg-is-active{--comp-btn-color-foreground: var(--sys-color-muted)}&:not(.phxsg-is-active){text-decoration:none}}.phxsg-sub-navigation__toggle{margin-inline-start:auto;@media screen and (min-width: 768px){display:none}}}