<div class="bm-slider bm-hero-slider {{sliderEffectClass}} {{sliderArrowSizeClass}} {{sliderArrowBehaviorClass}}" data-bm-slider="{{sliderConfigAttr}}" style="
  overflow:hidden;
  border-top-left-radius:var(--bm-border-top-left-radius, var(--bm-border-radius, 0px));
  border-top-right-radius:var(--bm-border-top-right-radius, var(--bm-border-radius, 0px));
  border-bottom-right-radius:var(--bm-border-bottom-right-radius, var(--bm-border-radius, 0px));
  border-bottom-left-radius:var(--bm-border-bottom-left-radius, var(--bm-border-radius, 0px));
">
  <div class="splide" role="group" aria-label="Hero slider">
    <div class="splide__track">
      <ul class="splide__list">
        {{#slides}}
        <li class="splide__slide">{{slideHtml}}</li>
        {{/slides}}
      </ul>
    </div>
  </div>
</div>
