@layer core.molecules{.phxsg-accordion{--_comp-accordion-border-color: var(--comp-accordion-border-color, var(--sys-color-outline));--_comp-accordion-border-color-active: var(--comp-accordion-border-color-active, var(--sys-color-foreground));--_comp-accordion-toggle-padding-block: var(--comp-accordion-toggle-padding-block, var(--sys-spacing-3));--_comp-accordion-content-padding-block: var( --comp-accordion-content-padding-block, var(--sys-spacing-1) var(--sys-spacing-3) );display:block;>li,>phxsg-accordion-item{border-bottom:1px solid var(--_comp-accordion-border-color);transition:border-bottom var(--sys-motion-duration-short-4) var(--sys-motion-easing-standard);&:hover,&:focus,&:has(button[aria-expanded=true]){border-bottom:1px solid var(--_comp-accordion-border-color-active)}}}.phxsg-accordion__toggle{--comp-btn-padding-block: var(--_comp-accordion-toggle-padding-block);--comp-btn-padding-inline: unset;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start}phxsg-accordion-item.phxsg-accordion__item{display:block}phxsg-accordion-content.phxsg-collapse{display:none}.phxsg-accordion__content{padding-block:var(--_comp-accordion-content-padding-block)}}