.accordion-sections-wrapper{display:flex;gap:var(--spacing-20x);@media (max-width:820px){flex-direction:column}}.accordion-sidebar-wrapper{flex:0 1 297px;@media (max-width:820px){flex:none}}.accordion-sidebar-wrapper{position:relative}.accordion-sidebar{border:1px solid var(--border-base);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-5x);padding:var(--spacing-5x);position:sticky;top:var(--scroll-margin-top)}.accordion-sidebar__title{font-family:var(--heading-font);font-size:1.1111rem;font-weight:800;line-height:var(--secondary-line-height)}.accordion-sections{display:flex;flex:0 1 622px;flex-direction:column;gap:var(--spacing-12x);@media (max-width:820px){flex:none}}.accordion-section__heading{margin-bottom:var(--spacing-6x)}ul.accordion-sidebar__list{display:flex;flex-direction:column;gap:12px;& li.accordion-sidebar__item{position:relative;& .icon-wrapper{height:fit-content;inset:8px auto auto 0;opacity:0;position:absolute;transition:var(--transition);width:fit-content}& a{--anchor-color:var(--text-base);display:inline-block;text-decoration:none;&:hover{--anchor-color:var(--blue-base)}}&[data-state=active]{& .icon-wrapper{opacity:1}& a{--anchor-color:var(--blue-base);transform:translateX(12px)}}}}