.accordion{color:var(--color);background:var(--bg)}.accordion__wrapper{padding-block:calc(var(--pad-top) / 2) calc(var(--pad-bottom) / 2);padding-inline:var(--edge);margin-inline:auto}@media only screen and (min-width: 40em){.accordion__wrapper{padding-block:var(--pad-top) var(--pad-bottom);display:flex;gap:var(--edge);justify-content:space-between;align-items:flex-start}}.accordion__wrapper-header{max-width:33rem;flex:1;padding-bottom:1.25rem;position:sticky;top:7rem}.accordion__wrapper-header h2{display:inline-block;background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion__wrapper-content{max-width:40rem;flex:1;margin-bottom:2rem;margin-inline:auto}.accordion__wrapper-content-accordion-item{position:relative}.accordion__wrapper-content-accordion-item:after{width:100%;height:.125rem;content:"";position:absolute;bottom:.5rem;left:0;background:var(--bluepink)}.accordion__wrapper-content-accordion-item-question{padding-block:var(--space-sm) var(--space-lg);display:flex;justify-content:space-between;cursor:pointer}.accordion__wrapper-content-accordion-item-question:not(.active) svg{transform:rotate(45deg)}.accordion__wrapper-content-accordion-item-question>h4{margin:0}.accordion__wrapper-content-accordion-item-question svg{transition:transform .3s ease-in-out}.accordion__wrapper-content-accordion-item-answer{max-height:0;opacity:0;overflow-y:hidden;transition:max-height .525s ease,padding-bottom .625s ease,opacity .525s ease-out}.accordion__wrapper-content-accordion-item-answer.active{max-height:20rem;padding-bottom:2rem;opacity:1}