<section class="bm-accordion bm-accordion--simple{{accordionArrowCustomClass}}" data-bm-accordion-multiple="{{accordionMultiple}}" style="
  background-color:var(--bm-bg);
  background-image:var(--bm-bg-gradient, none);
  color:var(--bm-text);
  padding-top:var(--bm-padding-top, var(--bm-padding-y, 0px));
  padding-right:var(--bm-padding-right, var(--bm-padding-x, 0px));
  padding-bottom:var(--bm-padding-bottom, var(--bm-padding-y, 0px));
  padding-left:var(--bm-padding-left, var(--bm-padding-x, 0px));
">
  <div class="bm-accordion__list" style="
    display:flex;
    flex-direction:column;
    gap:var(--bm-gap);
  ">
    {{#items}}
      <details class="bm-accordion__item" data-bm-card-index="{{@index}}"{{detailsOpen}} style="
        background-color:var(--bm-item-bg, #ffffff);
        border-style:var(--bm-item-border-style, solid);
        border-color:var(--bm-item-border-color);
        border-top-width:var(--bm-item-border-top-width, var(--bm-item-border-width, 1px));
        border-right-width:var(--bm-item-border-right-width, var(--bm-item-border-width, 1px));
        border-bottom-width:var(--bm-item-border-bottom-width, var(--bm-item-border-width, 1px));
        border-left-width:var(--bm-item-border-left-width, var(--bm-item-border-width, 1px));
        border-top-left-radius:var(--bm-item-border-top-left-radius, var(--bm-item-border-radius, 8px));
        border-top-right-radius:var(--bm-item-border-top-right-radius, var(--bm-item-border-radius, 8px));
        border-bottom-right-radius:var(--bm-item-border-bottom-right-radius, var(--bm-item-border-radius, 8px));
        border-bottom-left-radius:var(--bm-item-border-bottom-left-radius, var(--bm-item-border-radius, 8px));
        box-shadow:var(--bm-item-shadow, none);
        box-sizing:border-box;
        overflow:hidden;
      ">
        <summary class="bm-accordion__title" data-bm-el="accordionTitle" style="
          cursor:pointer;
          list-style:none;
          outline:none;
          box-sizing:border-box;
          background:var(--bm-accordionTitle-bg, transparent);
          padding-top:var(--bm-accordionTitle-padding-top, 1rem);
          padding-right:var(--bm-accordionTitle-padding-right, 1.25rem);
          padding-bottom:var(--bm-accordionTitle-padding-bottom, 1rem);
          padding-left:var(--bm-accordionTitle-padding-left, 1.25rem);
          font-family:var(--bm-accordionTitle-font-family, inherit);
          font-size:var(--bm-accordionTitle-font-size, var(--bm-title-font-size));
          font-weight:var(--bm-accordionTitle-font-weight, var(--bm-title-font-weight));
          line-height:var(--bm-accordionTitle-line-height, 1.35);
          letter-spacing:var(--bm-accordionTitle-letter-spacing, normal);
          color:var(--bm-accordionTitle-color, var(--bm-text));
        "><span class="bm-accordion__icon" aria-hidden="true" style="display:{{titleIconDisplay}};flex-shrink:0;line-height:0;align-items:center;justify-content:center;">{{iconHtml}}</span><span class="bm-accordion__title-text bm-edit-text">{{accordionTitle}}</span><span class="bm-accordion__arrow" data-bm-el="accordionArrow" aria-hidden="true" style="
          display:var(--bm-accordion-arrow-display, inline-flex);
          flex-shrink:0;
          align-items:center;
          justify-content:center;
          order:var(--bm-accordion-arrow-order, 0);
          margin-left:var(--bm-accordion-arrow-ml, auto);
          margin-right:var(--bm-accordion-arrow-mr, 0);
          box-sizing:border-box;
          color:var(--bm-accordionArrow-color, currentColor);
          background:var(--bm-accordionArrow-bg, transparent);
          padding:0;
          width:var(--bm-accordion-arrow-box-size, 2rem);
          height:var(--bm-accordion-arrow-box-size, 2rem);
          aspect-ratio:1 / 1;
          border-style:var(--bm-accordionArrow-border-style, none);
          border-color:var(--bm-accordionArrow-border-color, transparent);
          border-top-width:var(--bm-accordionArrow-border-top-width, var(--bm-accordionArrow-border-width, 0));
          border-right-width:var(--bm-accordionArrow-border-right-width, var(--bm-accordionArrow-border-width, 0));
          border-bottom-width:var(--bm-accordionArrow-border-bottom-width, var(--bm-accordionArrow-border-width, 0));
          border-left-width:var(--bm-accordionArrow-border-left-width, var(--bm-accordionArrow-border-width, 0));
          border-top-left-radius:var(--bm-accordionArrow-border-top-left-radius, var(--bm-accordionArrow-border-radius, 0));
          border-top-right-radius:var(--bm-accordionArrow-border-top-right-radius, var(--bm-accordionArrow-border-radius, 0));
          border-bottom-right-radius:var(--bm-accordionArrow-border-bottom-right-radius, var(--bm-accordionArrow-border-radius, 0));
          border-bottom-left-radius:var(--bm-accordionArrow-border-bottom-left-radius, var(--bm-accordionArrow-border-radius, 0));
          box-shadow:var(--bm-accordionArrow-shadow, none);
          font-size:var(--bm-accordion-arrow-font-size, 1rem);
          line-height:0;
        "><span class="bm-accordion__arrow-icon bm-accordion__arrow-icon--closed">{{arrowClosedHtml}}</span><span class="bm-accordion__arrow-icon bm-accordion__arrow-icon--open">{{arrowOpenHtml}}</span></span></summary>
        <div class="bm-accordion__content" data-bm-el="accordionContent" style="
          margin-top:0;
          background:var(--bm-accordionContent-bg, transparent);
          padding-top:var(--bm-accordionContent-padding-top, 1rem);
          padding-right:var(--bm-accordionContent-padding-right, 1.25rem);
          padding-bottom:var(--bm-accordionContent-padding-bottom, 1rem);
          padding-left:var(--bm-accordionContent-padding-left, 1.25rem);
          font-size:var(--bm-accordionContent-font-size, var(--bm-content-font-size));
          line-height:var(--bm-accordionContent-line-height, var(--bm-content-line-height));
          font-weight:var(--bm-accordionContent-font-weight, 400);
          color:var(--bm-accordionContent-color, var(--bm-content-color));
          box-sizing:border-box;
        ">{{accordionContent}}</div>
        <div class="bm-accordion__buttons" data-bm-el="buttons" style="
          display:flex;
          flex-wrap:wrap;
          justify-content:var(--bm-justify-content, flex-start);
          align-items:center;
          gap:var(--bm-buttons-gap, 0.75rem);
          width:100%;
          box-sizing:border-box;
          padding-right:var(--bm-accordionContent-padding-right, 1.25rem);
          padding-bottom:var(--bm-accordionContent-padding-bottom, 1rem);
          padding-left:var(--bm-accordionContent-padding-left, 1.25rem);
          margin:var(--bm-buttons-margin-top, 0.75rem) 0 var(--bm-buttons-margin-bottom, 0);
        ">
          {{#buttons}}
            <a class="bm-accordion__btn" data-bm-btn-index="{{@index}}" href="{{link.url}}"{{link.targetAttr}} style="
              display:inline-flex;
              align-items:center;
              gap:0.45em;
              flex-direction:{{btnIconFlex}};
              text-decoration:none;
              border-style:var(--bm-btn-border-style, none);border-color:var(--bm-btn-border-color, transparent);border-top-width:var(--bm-btn-border-top-width, var(--bm-btn-border-width, 0));border-right-width:var(--bm-btn-border-right-width, var(--bm-btn-border-width, 0));border-bottom-width:var(--bm-btn-border-bottom-width, var(--bm-btn-border-width, 0));border-left-width:var(--bm-btn-border-left-width, var(--bm-btn-border-width, 0));border-top-left-radius:var(--bm-btn-border-top-left-radius, var(--bm-btn-radius, 8px));border-top-right-radius:var(--bm-btn-border-top-right-radius, var(--bm-btn-radius, 8px));border-bottom-right-radius:var(--bm-btn-border-bottom-right-radius, var(--bm-btn-radius, 8px));border-bottom-left-radius:var(--bm-btn-border-bottom-left-radius, var(--bm-btn-radius, 8px));
              padding:var(--bm-btn-pad-y, var(--bm-buttons-pad-y, 0.625rem)) var(--bm-btn-pad-x, var(--bm-buttons-pad-x, 1.25rem));
              box-shadow:var(--bm-btn-shadow, none);
              font-size:var(--bm-btn-font-size, 1rem);
              font-weight:600;
              {{btnStyle}};
            ">{{iconHtml}}{{labelHtml}}</a>
          {{/buttons}}
        </div>
      </details>
    {{/items}}
  </div>
</section>
