@layer molecules{.phxsg-promo-banner{--comp-promo-banner-height: 56px;@media screen and (min-width: 768px){--comp-promo-banner-height: 36px}}.phxsg-promo-banner__inner{display:grid;grid-template-columns:1fr auto;padding-inline:var(--sys-spacing-2);padding-block:var(--sys-spacing-2);&:has(.phxsg-promo-banner__item,.phxsg-promo-banner-collapse){padding-block:0;.phxsg-promo-banner__close{display:flex;align-items:center;height:var(--comp-promo-banner-height)}}}.phxsg-promo-banner__item{display:flex;align-items:center;justify-content:center;height:var(--comp-promo-banner-height)}.phxsg-promo-banner__close{transition:opacity var(--sys-motion-duration-short-4) linear;.is-transitioning &{opacity:0}}.phxsg-promo-banner-collapse{.phxsg-btn{--comp-btn-icon-gap: var(--sys-spacing-2);height:var(--comp-promo-banner-height);.phxsg-icon{transition:transform var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard);[aria-expanded=true] &{transform:rotate(180deg)}}}.phxsg-collapse{translate:0 calc(var(--sys-spacing-1) * -1)}}}@layer core.atoms{.phxsg-collapse{--_comp-collapse-transition-duration: var(--comp-collapse-transition-duration, var(--sys-motion-duration-medium-2));--_comp-collapse-transition-easing: var(--comp-collapse-transition-easing, var(--sys-motion-easing-standard));display:none;max-width:0;height:0;padding:0;margin:0;overflow:hidden;transition:height var(--_comp-collapse-transition-duration) var(--_comp-collapse-transition-easing);&.phxsg-is-transitioning,&.phxsg-is-calculating,&.phxsg-is-expanded{display:block!important;max-width:none}&.phxsg-is-transitioning,&.phxsg-is-calculating{overflow:hidden}&.phxsg-is-calculating{height:auto!important;min-height:0!important;position:absolute;opacity:0;pointer-events:none}&.phxsg-is-expanded{height:auto}&.phxsg-force-mount{display:block;height:1px;max-width:unset}}}