.accordion{& .module__body{display:flex;flex-direction:column;gap:var(--gutter-row)}& summary h3{align-items:center;border-radius:2em;display:flex;justify-content:space-between;padding:var(--space-lg);&:after{aspect-ratio:1/1;content:"";flex-shrink:0;transition:all var(--mouse-in);width:var(--space-lg)}& span{display:inline-block;transition:padding var(--mouse-out)}}& summary:hover{cursor:pointer;& h3 span{padding-left:var(--space-sm);transition:padding var(--mouse-in)}}& details .richtext{border-radius:var(--radius-md);margin-left:auto;max-width:80%;padding:var(--space-sm) var(--space-lg) var(--space-lg)}& details[open]{& summary h3:after{transform:rotate(-45deg)}& .richtext{animation:accordionOpen var(--mouse-in) 0s 1 forwards}}}@keyframes accordionOpen{0%{padding-top:var(--space-sm)}to{padding-top:var(--space-lg)}}.bg-bark,.bg-forest,.bg-moss,.bg-turquoise{.accordion summary h3&:after{background-color:var(--color-white)}}.bg-lichen,.bg-sand,.bg-sky,.bg-sun{.accordion summary h3&:after{background-color:var(--color-black)}}