[scope=sdc--accordion]{--duration: .3s}[scope=sdc--accordion]>div{grid-template-rows:min-content 0fr;transition:all var(--duration) ease;will-change:grid-template-rows}[scope=sdc--accordion][open]>div{grid-template-rows:min-content 1fr}[scope=sdc--accordion][open]>div>[accordion-content]{opacity:1}[scope=sdc--accordion][open]>div>[class*=icon]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[scope=sdc--accordion] [accordion-content]{transition:opacity var(--duration) ease;min-height:0;overflow:hidden;opacity:0}[scope=sdc--accordion] [accordion-toggle]{cursor:pointer}[scope=sdc--accordion] [class*=icon]{transition:all var(--duration) ease}[scope=sdc--accordion][variant=default] [accordion-content]>*:first-child,[scope=sdc--accordion][variant=footer] [accordion-content]>*:first-child{margin-top:0}[scope=sdc--accordion][variant=menu]>div>div>.headline{display:inline-block;border-bottom-width:4px;border-color:transparent}[scope=sdc--accordion][variant=menu][open]>div>div>.headline{--tw-border-opacity: 1;border-color:hsl(var(--c-primary) / var(--tw-border-opacity))}[scope=sdc--accordion][variant=menu][level="0"]>div>[accordion-toggle]{font-size:1.375rem}[scope=sdc--accordion][variant=menu] [accordion-content]>*:first-child{margin-top:var(--space-l)}