/* Accordion */
.accordion {margin-bottom:2rem;}
.accordion .accordion-panel {border-bottom:3px solid var(--primary-400); padding-bottom:1rem; padding-top:1rem;}
.accordion .accordion-panel .accordion-title {position:relative; padding-top:0; padding-bottom:0; margin-bottom:0; padding:0;}
.accordion .accordion-panel .accordion-title .accordion-trigger {width:100%; padding-right:4rem; min-height:48px; background:transparent; border:0; cursor:pointer; text-align:left; transition:var(--transition-default);}
.accordion .accordion-panel .accordion-title .accordion-trigger:hover,
.accordion .accordion-panel .accordion-title .accordion-trigger[aria-expanded="true"] {color:var(--primary-400);}
.accordion .accordion-panel .accordion-title .accordion-trigger[aria-expanded="true"] {font-weight: var(--fw-bold);}
.accordion .accordion-panel h3 {margin:0;}
.accordion .accordion-panel .accordion-content {display:grid; grid-template-rows:0fr; transition:grid-template-rows 500ms;}
.accordion .accordion-panel .accordion-content[aria-hidden="false"] {grid-template-rows:1fr;}
.accordion .accordion-panel .accordion-content > div {overflow:hidden;}
.accordion .accordion-body {padding-top:1rem;}
.accordion .accordion-panel .accordion-title .accordion-trigger::after {content:''; position:absolute; border-radius:50%; transform-origin:center center; background-color:var(--secondary-400); top:0; right:0; width:48px; height:48px; transition:rotate 0.25s ease-out; rotate:-90deg; background-image:url(/images/icon-arrow.svg); background-repeat:no-repeat; background-position:center; background-size:75% auto;}
.accordion .accordion-panel .accordion-title .accordion-trigger[aria-expanded="true"]::after {rotate:90deg;}

@media (min-width:768px) {
    .accordion .accordion-body {padding-right:3rem;}
}