.accordion-block{--max-width:calc(100% - var(--column-14)*0);--block-gap:calc(var(--baseline)*3);--preheading-pad-bottom:calc(var(--baseline)*2);--abstract-pad-top:calc(var(--baseline)*2);--actions-pad-top:calc(var(--baseline)*2);--items-gap:calc(var(--baseline)*3);--toggle-size:4;--item-header-pad-bottom:calc(var(--baseline)*2);--item-abstract-pad-bottom:calc(var(--baseline)*2);--line-color:var(--carbon-black-50);@media screen and (min-width:768px){--block-gap:calc(var(--baseline)*4.5);--items-gap:calc(var(--baseline)*4);--max-width:calc(100% - var(--column-14)*4)}@media screen and (min-width:1181px){--max-width:calc(100% - var(--column-14)*6)}&.bg-grey-medium{--line-color:var(--carbon-white-op-40)}.inner-wrapper{gap:var(--block-gap);max-width:var(--max-width)}.block-column{justify-content:space-between}.block-pre-heading{padding-bottom:var(--preheading-pad-bottom)}.block-abstract{padding-top:var(--abstract-pad-top)}.block-items{display:flex;flex-direction:column;gap:var(--items-gap)}.item-wrapper{border-bottom:1px solid var(--line-color);&[open]{.item-toggle{&:after{opacity:0}}}}.item-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding-bottom:var(--item-header-pad-bottom)}.item-heading{padding-right:1em}.item-toggle{border-radius:50%;color:var(--primary-500);display:block;height:calc(var(--baseline)*var(--toggle-size));max-height:calc(var(--baseline)*var(--toggle-size));max-width:calc(var(--baseline)*var(--toggle-size));min-height:calc(var(--baseline)*var(--toggle-size));min-width:calc(var(--baseline)*var(--toggle-size));position:relative;transform-origin:50%;transition:var(--transition-all);width:calc(var(--baseline)*var(--toggle-size));&:after,&:before{background-color:currentColor;border-radius:1.5px;content:"";display:block;height:calc(var(--baseline)*.25);left:calc(50% - var(--baseline)*(var(--toggle-size)/4));opacity:1;position:absolute;top:calc(50% - var(--baseline)*.125);transform-origin:50%;transition:var(--transition-all);width:calc(var(--baseline)*(var(--toggle-size)/1.5))}&:after{transform:rotate(90deg)}}.item-abstract{padding-bottom:var(--item-abstract-pad-bottom)}.block-actions{justify-content:center;padding-top:var(--actions-pad-top)}}