.accordion-block{--header-pad-top:0;--header-pad-bottom:4;--items-pad-top:0;--items-pad-bottom:2;--item-radius:.5;--item-padding:2;--toggle-size:4;--abstract-pad-top:3;--abstract-pad-bottom:0;@media screen and (min-width:960px){--header-pad-bottom:4;--items-pad-bottom:2;--item-padding:3;--abstract-pad-top:3}.block-header{padding-bottom:calc(var(--baseline)*var(--header-pad-bottom));padding-top:calc(var(--baseline)*var(--header-pad-top))}.block-items{gap:0}.block-items-heading{padding-bottom:calc(var(--baseline)*var(--header-pad-bottom));padding-top:calc(var(--baseline)*var(--header-pad-top))}.block-item{&:not(:last-child){margin-bottom:calc(var(--baseline)*var(--items-pad-bottom));margin-top:calc(var(--baseline)*var(--items-pad-top))}}.item-wrapper{background-color:var(--grey-50);border-radius:calc(var(--baseline)*var(--item-radius));padding:calc(var(--baseline)*var(--item-padding));&:is([open]){.item-toggle{transform:rotate(45deg)}}}.item-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.item-heading{padding-right:1em}.item-toggle{background-color:var(--primary-500);border-radius:50%;color:var(--primary-50);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:all .3s;width:calc(var(--baseline)*var(--toggle-size));&:after,&:before{background-color:currentColor;border-radius:1.5px;content:"";display:block;height:3px;left:calc(50% - var(--baseline)*(var(--toggle-size)/4));position:absolute;top:calc(50% - 1.5px);transform-origin:50%;width:calc(var(--baseline)*(var(--toggle-size)/2))}&:after{transform:rotate(90deg)}}.item-abstract{padding-bottom:calc(var(--baseline)*var(--abstract-pad-bottom));padding-top:calc(var(--baseline)*var(--abstract-pad-top))}}