.accordion-wrapper{display:flex;flex-direction:column;gap:var(--spacing-6x)}.accordion{background:var(--white-base);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--box-shadow-md);padding-bottom:var(--spacing-1x);transition:var(--transition);&[aria-expanded=true]{background:var(--background-blue);border-color:var(--blue-400)}}.accordion-header{align-items:center;cursor:pointer;display:flex;gap:40px;justify-content:space-between;padding:var(--spacing-6x) var(--spacing-8x) var(--spacing-5x);transition:var(--transition);width:100%}.accordion[aria-expanded=not-active] .accordion-header{cursor:text}.accordion-header__title{color:var(--text-base)}.accordion-header__icon{align-items:center;border:1px solid var(--blue-200);border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:25px;justify-content:center;transition:var(--transition);width:25px;& svg path{transition:var(--transition)}.accordion[aria-expanded=true] &{background:var(--blue-base);transform:rotate(-180deg);& svg path{fill:var(--white-base)}}}.accordion-panel{padding:var(--spacing-1x) var(--spacing-8x) var(--spacing-6x)}.accordion-panel :is(p,a,li){font-size:1rem}.accordion-panel p:last-child{margin-bottom:0}@media (min-width:820px){.accordion-panel{padding:var(--spacing-1x) var(--spacing-8x) var(--spacing-6x)}}