.accordion *{transition:all .3s ease}.accordion__header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;position:relative}.accordion__body{overflow:hidden}.accordion.is-open .accordion__header,.accordion.is-opening .accordion__header{color:var(--color-green)}.accordion.is-open .accordion__header:after,.accordion.is-opening .accordion__header:after{transform:rotate(0)}.accordion.is-open .accordion__body{overflow:auto}.accordion.is-open h4,.accordion.is-open span,.accordion.is-opening h4,.accordion.is-opening span,.accordion__header:hover h4,.accordion__header:hover span{color:var(--color-primary)}@media (min-width:768px){.accordions{margin-left:auto;margin-right:auto;max-width:calc(((var(--width-of-layout) - (var(--gap)*(var(--max-columns) - 1)))/var(--max-columns))*6 + var(--gap)*5)}}