.accordion{margin:0 auto;overflow:hidden}.accordion header{align-items:center;gap:var(--margin-m);border-bottom:var(--border-unit) solid var(--shade-foreground);cursor:pointer;display:flex}.accordion header p{opacity:1;width:100%;transition:opacity var(--anim-base) var(--anim-timing);font-weight:700}.accordion header button{flex-shrink:0}.accordion header button svg{transition:transform var(--anim-base) var(--anim-timing)}.accordion header:hover p{opacity:.7}.accordion>.content{box-sizing:content-box;opacity:0;width:100%;max-height:0;transition:max-height var(--anim-timing) var(--anim-base), margin var(--anim-base) calc(var(--anim-timing) * 1), opacity var(--anim-base) calc(var(--anim-timing) * 2);margin:0;overflow:hidden}.accordion.open header button svg{transform:rotate(180deg)}.accordion.open>.content{opacity:1;margin:var(--padding-m) 0 var(--padding-l);max-height:calc(var(--unit-base) * 60)}