@layer molecules{.phxsg-menu-list__item-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding-block:var(--sys-spacing-3);position:relative;text-transform:unset;text-align:start}.phxsg-menu-list__item-button--xs{padding-block:var(--sys-spacing-1)}.phxsg-menu-list__item-button--sm{padding-block:var(--sys-spacing-3)}.phxsg-menu-list__item-button--md{padding-block:var(--sys-spacing-4)}.phxsg-menu-list__item-button--uppercase{.phxsg-text{text-transform:uppercase;font-size:var(--sys-typography-body-medium-size)}}.phxsg-menu-list__item-wrapper{display:flex;gap:var(--sys-spacing-4);align-items:center;width:100%}.phxsg-menu-list__item--with-content{display:flex;gap:var(--sys-spacing-4);align-items:center;justify-content:flex-start}.phxsg-menu-list__item--divided{border-top:1px solid var(--sys-color-outline)}.phxsg-menu-list__item--underline{.phxsg-menu-list__item-collapse{margin-block-start:-1px;border-bottom:1px solid var(--sys-color-outline);animation-name:underline-out;animation-duration:var(--sys-motion-duration-short-4);animation-timing-function:var(--sys-motion-easing-standard);animation-fill-mode:forwards;&:is(.phxsg-is-transitioning,.phxsg-is-expanded),.phxsg-menu-list__item-button:is(:hover,:focus,.phxsg-is-active)+&{animation-name:underline-in}}.phxsg-menu-list__item-button:not([data-toggle=collapse]){border-bottom:1px solid var(--sys-color-outline);animation-name:underline-out;animation-duration:var(--sys-motion-duration-short-4);animation-timing-function:var(--sys-motion-easing-standard);animation-fill-mode:forwards;&:is(:hover,:focus){animation-name:underline-in}}}.phxsg-menu-list__item-collapse-content{padding-block-end:var(--sys-spacing-4);position:relative}@keyframes underline-in{0%{border-bottom-color:var(--sys-color-outline)}to{border-bottom-color:var(--sys-color-foreground)}}@keyframes underline-out{0%{border-bottom-color:var(--sys-color-foreground)}to{border-bottom-color:var(--sys-color-outline)}}}