@layer global{:root{--comp-navigation-height: 52px;@media screen and (min-width: 768px){--comp-navigation-height: 84px}}}@layer organisms{.phxsg-navigation{--comp-navigation-overflow-gradient-width: var(--sys-spacing-12);--comp-navigation-background-opacity: translateY(0%);--comp-navigation-text-color: var(--ref-color-neutral-100);display:flex;align-items:center;height:var(--comp-navigation-height);position:sticky;top:0;z-index:1000;transition:background-color var(--sys-motion-duration-long-4) var(--sys-motion-easing-standard-decelerate),transform var(--sys-motion-duration-long-4) var(--sys-motion-easing-standard-decelerate);&.is-hidden{transform:translateY(-100%);transition-delay:1s,0s}:has(.phxsg-intro-block--main) &{--comp-navigation-overflow-gradient-width: 0;--comp-navigation-text-color: var(--ref-color-neutral-100);--comp-section-background: transparent}:has(.phxsg-intro-block--main.phxsg-theme-white) &{--comp-navigation-text-color: var(--ref-color-neutral-0)}:not(:has(.phxsg-intro-block--main)) &,:has(.panel.is-active,.phxsg-panel.phxsg-is-active) &,&.has-scrolled{--comp-navigation-text-color: var(--ref-color-neutral-0);--comp-section-background: var(--ref-color-neutral-100)}@media (pointer: fine) and (hover: hover){&:hover{--comp-navigation-text-color: var(--ref-color-neutral-0);--comp-section-background: var(--ref-color-neutral-100)}}&:has(.mega-menu.is-expanded){--comp-navigation-text-color: var(--ref-color-neutral-0);--comp-section-background: var(--ref-color-neutral-100)}}.phxsg-navigation__content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.phxsg-navigation__start,.phxsg-navigation__end{display:flex;align-items:center;gap:var(--sys-spacing-6);width:fit-content}.phxsg-navigation__start{width:100%;margin-inline-end:auto;overflow:auto;@media screen and (min-width: 1700px){padding-block:var(--sys-spacing-2)}}.phxsg-navigation__center{@media screen and (min-width: 1700px){position:relative;&:after{content:"";width:var(--comp-navigation-overflow-gradient-width);height:1lh;position:absolute;left:calc(var(--comp-navigation-overflow-gradient-width) * -1);pointer-events:none;background:linear-gradient(to left,var(--sys-color-background),var(--sys-color-background) 50%,transparent)}}}.phxsg-navigation__end{margin-inline-start:auto;@media screen and (min-width: 1700px){padding-inline-start:var(--comp-navigation-overflow-gradient-width)}}.phxsg-navigation__button-group{--this-icon-group-gap: var(--sys-spacing-8);display:flex;align-items:center;gap:var(--this-icon-group-gap)}.phxsg-navigation__button-group--tight{--this-icon-group-gap: var(--sys-spacing-2)}.phxsg-navigation__mobile-menu{--this-icon-group-gap: var(--sys-spacing-3);@media screen and (min-width: 1700px){display:none}.phxsg-navigation__always-mobile-shown &{display:flex}}.phxsg-navigation__desktop-menu{@media screen and (max-width: 1699px){display:none}.phxsg-navigation__always-mobile-shown &{display:none}.phxsg-navigation__start &{padding-inline-end:var(--comp-navigation-overflow-gradient-width)}}.phxsg-navigation__button{--comp-btn-color: var(--comp-navigation-text-color);--comp-btn-icon-gap: 0;white-space:nowrap}.phxsg-navigation__button--icon-only{block-size:fit-content;inline-size:fit-content;@media screen and (max-width: 767px){--comp-icon-width: 20px;--comp-icon-height: 20px}}.phxsg-navigation__cart-button-icon-full{display:none}.phxsg-navigation__cart-button{&:has(.phxsg-badge:not(.hidden)){.phxsg-navigation__cart-button-icon-empty{display:none}.phxsg-navigation__cart-button-icon-full{display:block}}}.phxsg-navigation__menu-button{text-decoration:underline;text-underline-offset:var(--sys-spacing-1);text-decoration-color:transparent;transition:text-decoration-color var(--sys-motion-duration-medium-4) var(--sys-motion-easing-standard-decelerate);&:hover,&:focus-visible,&[aria-expanded=true]{--comp-btn-opacity: 1;text-decoration-color:inherit}}.phxsg-navigation__logo{--comp-btn-icon-width: 71px;--comp-btn-icon-height: 28px;--comp-btn-color: var(--comp-navigation-text-color);width:fit-content;@media screen and (min-width: 768px){--comp-btn-icon-width: 133px;--comp-btn-icon-height: 52px}}}@layer overrides{.search-panel .panel-overlay{background-color:transparent}.search-panel-header__list{height:var(--comp-navigation-height);background-color:var(--ref-color-neutral-100);animation:header-slide-in-down var(--duration-shorter) var(--ease-in-out) var(--duration-standard) both;.search-panel[aria-hidden=true] &{animation:header-slide-out-up var(--duration-standard) var(--ease-in-out) 0s both}li{background-color:transparent;animation-name:unset}}.search-panel-header__list-center{display:flex;justify-content:center;.phxsg-navigation__logo{color:var(--ref-color-neutral-0);animation:logo-counter-slide-in var(--duration-shorter) var(--ease-in-out) var(--duration-standard) both;.search-panel[aria-hidden=true] &{animation:logo-counter-slide-out var(--duration-standard) var(--ease-in-out) 0s both}}}@keyframes logo-counter-slide-in{0%{translate:0 var(--comp-navigation-height)}to{translate:0 0}}@keyframes logo-counter-slide-out{0%{translate:0 0}to{translate:0 var(--comp-navigation-height)}}.search-panel-header .container{position:relative;&:before,&:after{content:"";width:var(--container-padding);z-index:-1;position:absolute;inset-block:0;background-color:var(--sys-color-background);animation:header-slide-in-down var(--duration-shorter) var(--ease-in-out) var(--duration-standard) both}&:before{left:0}&:after{right:0}}.search-panel[aria-hidden=true]{.search-panel-header .container{&:before,&:after{animation:header-slide-out-up var(--duration-standard) var(--ease-in-out) 0s both}}}}