<turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="collection_2130176"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2130176"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="1"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="This collection of videos will help you navigate Datura Online and make the most of your belly dance and fitness practice. "
    data-published-at="2023-03-14T17:57:53-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/how-to-use-datura-online">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Use Datura Online!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2130176/horizontal/4e4b6d99-16ce-4d64-8d44-b68b43b5a49a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2130176/horizontal/4e4b6d99-16ce-4d64-8d44-b68b43b5a49a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2130176/horizontal/4e4b6d99-16ce-4d64-8d44-b68b43b5a49a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2130176/horizontal/4e4b6d99-16ce-4d64-8d44-b68b43b5a49a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">11</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="How to Use Datura Online!" aria-label="How to Use Datura Online!" href="/programs/how-to-use-datura-online">
    <span class="line-clamp-2">
      How to Use Datura Online!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_4091556"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4091556"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="2"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="Curious about how to use Datura Online? Here&#39;s a free program for a month to meet different Datura Online teachers and styles."
    data-author-title-0="Heather &quot;Henna&quot; Louise" data-author-permalink-0="henna"
    data-author-title-1="Rachel Brice" data-author-permalink-1="rachel-brice"
    data-author-title-2="Sedona Swan Soulfire" data-author-permalink-2="sedona-soulfire"
    data-author-title-3="Tamalyn Dallal" data-author-permalink-3="tamalyn-dallal"
    data-published-at="2026-03-17T15:03:18-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/datura-online-training-program-one-free-month">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Datura Online Training Program: One Free Month!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4091556/horizontal/6c3c9841-c2ae-46f1-9c00-d7b7903cc49a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4091556/horizontal/6c3c9841-c2ae-46f1-9c00-d7b7903cc49a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4091556/horizontal/6c3c9841-c2ae-46f1-9c00-d7b7903cc49a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4091556/horizontal/6c3c9841-c2ae-46f1-9c00-d7b7903cc49a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Datura Online Training Program: One Free Month!" aria-label="Datura Online Training Program: One Free Month!" href="/programs/datura-online-training-program-one-free-month">
    <span class="line-clamp-2">
      Datura Online Training Program: One Free Month!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_632699"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="632699"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="3"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="In this 4 class introductory series, Rachel breaks down fundamental movements, details anatomy and illustrates lineage."
    data-author-title-0="Rachel Brice" data-author-permalink-0="rachel-brice"
    data-published-at="2020-08-30T13:38:01-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/intro-to-datura-style-with-rachel-brice">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Intro to Datura Style Belly Dance with Rachel Brice" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/632699/horizontal/Intro_to_Datura_Style_1-4.1625617143.gif?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/632699/horizontal/Intro_to_Datura_Style_1-4.1625617143.gif?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/632699/horizontal/Intro_to_Datura_Style_1-4.1625617143.gif?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/632699/horizontal/Intro_to_Datura_Style_1-4.1625617143.gif?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Intro to Datura Style Belly Dance with Rachel Brice" aria-label="Intro to Datura Style Belly Dance with Rachel Brice" href="/programs/intro-to-datura-style-with-rachel-brice">
    <span class="line-clamp-2">
      Intro to Datura Style Belly Dance with Rachel Brice
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_592539"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="592539"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="4"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="This class details pointers that break down the specifics of posture and explain how great posture can improve dance technique and presence."
    data-author-title-0="Colette Todorov" data-author-permalink-0="colette-todorov"
    data-published-at="2020-08-13T11:18:52-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/posture-pointers-for-fcbd-style-belly-dance-with-colette-todorov">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Posture Pointers for FCBD Style® Belly Dance with Colette Todorov" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/592539/horizontal/14437_2Fcatalog_image_2F655960_2FGY60bchPSlqEJ5wDSEES_POSTURE.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/592539/horizontal/14437_2Fcatalog_image_2F655960_2FGY60bchPSlqEJ5wDSEES_POSTURE.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/592539/horizontal/14437_2Fcatalog_image_2F655960_2FGY60bchPSlqEJ5wDSEES_POSTURE.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/592539/horizontal/14437_2Fcatalog_image_2F655960_2FGY60bchPSlqEJ5wDSEES_POSTURE.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:18</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Posture Pointers for FCBD Style® Belly Dance with Colette Todorov" aria-label="Posture Pointers for FCBD Style® Belly Dance with Colette Todorov" href="/programs/posture-pointers-for-fcbd-style-belly-dance-with-colette-todorov">
    <span class="line-clamp-2">
      Posture Pointers for FCBD Style® Belly Dance with Colette Todorov
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3796552"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3796552"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="5"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="One of the ways we show appreciation to our dance community is by granting quarterly scholarships. "
    data-published-at="2025-09-16T12:45:49-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/datura-online-scholarship">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="The Datura Online Scholarship" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3796552/horizontal/08891490-af6c-4423-980b-2687d32593bd.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3796552/horizontal/08891490-af6c-4423-980b-2687d32593bd.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3796552/horizontal/08891490-af6c-4423-980b-2687d32593bd.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3796552/horizontal/08891490-af6c-4423-980b-2687d32593bd.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:24</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="The Datura Online Scholarship" aria-label="The Datura Online Scholarship" href="/programs/datura-online-scholarship">
    <span class="line-clamp-2">
      The Datura Online Scholarship
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_592750"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="592750"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="6"
    data-catalog--card-analytics-result-set-size-value="6"
  class="self-start hotwired"
    data-short-description="In this quick, minute-long pep talk, Amy Sigil keeps us focused on doing our best work."
    data-author-title-0="Amy Sigil" data-author-permalink-0="amy-sigil"
    data-published-at="2020-08-13T11:33:57-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/pep-talk-giving-your-best-with-amy-sigil">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Pep Talk: Giving Your Best with Amy Sigil" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/592750/horizontal/Giving_your_best.1675889816.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/592750/horizontal/Giving_your_best.1675889816.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/592750/horizontal/Giving_your_best.1675889816.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/592750/horizontal/Giving_your_best.1675889816.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:45</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Pep Talk: Giving Your Best with Amy Sigil" aria-label="Pep Talk: Giving Your Best with Amy Sigil" href="/programs/pep-talk-giving-your-best-with-amy-sigil">
    <span class="line-clamp-2">
      Pep Talk: Giving Your Best with Amy Sigil
    </span>
</a></swiper-slide>

  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
    <div data-controller="catalog--event-dispatcher" data-catalog--event-dispatcher-result-set-size-value="6" hidden></div>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (1)</span>
    </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="55286" label="Welcome!" checked>
              <ds-checkbox>Welcome!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286416" label="Weekly Mini Challenge: October 26 - November 1" >
              <ds-checkbox>Weekly Mini Challenge: October 26 - November 1</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242431" label="2026 Monthly Challenges!" >
              <ds-checkbox>2026 Monthly Challenges!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="255371" label="Training Tools" >
              <ds-checkbox>Training Tools</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53565" label="New Releases" >
              <ds-checkbox>New Releases</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54961" label="DO Daily" >
              <ds-checkbox>DO Daily</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83475" label="Live Classes" >
              <ds-checkbox>Live Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="241250" label="Beginner&#39;s Corner" >
              <ds-checkbox>Beginner&#39;s Corner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="145807" label="Members Only" >
              <ds-checkbox>Members Only</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53930" label="Choreography" >
              <ds-checkbox>Choreography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60119" label="Recently Added Spotlights" >
              <ds-checkbox>Recently Added Spotlights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252390" label="Conditioning Bites" >
              <ds-checkbox>Conditioning Bites</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="268247" label="Belly Dance History" >
              <ds-checkbox>Belly Dance History</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="143487" label="Seated Practices" >
              <ds-checkbox>Seated Practices</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="139166" label="8 Elements Preparation" >
              <ds-checkbox>8 Elements Preparation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53587" label="Series" >
              <ds-checkbox>Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53567" label="Warm Ups" >
              <ds-checkbox>Warm Ups</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102568" label="Technique" >
              <ds-checkbox>Technique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102561" label="Drills" >
              <ds-checkbox>Drills</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102476" label="Combinations" >
              <ds-checkbox>Combinations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="138509" label="Improvisation" >
              <ds-checkbox>Improvisation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="77128" label="DO Belly Dance Challenge" >
              <ds-checkbox>DO Belly Dance Challenge</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55810" label="Cool Downs" >
              <ds-checkbox>Cool Downs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53566" label="Yoga, Pilates &amp; Fitness" >
              <ds-checkbox>Yoga, Pilates &amp; Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50426" label="Documentaries &amp; Talks" >
              <ds-checkbox>Documentaries &amp; Talks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55257" label="Performances" >
              <ds-checkbox>Performances</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="139695" label="Stage Presence &amp; Theatricality" >
              <ds-checkbox>Stage Presence &amp; Theatricality</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="206258" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53192" label="Music &amp; Theory" >
              <ds-checkbox>Music &amp; Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54630" label="American Cabaret" >
              <ds-checkbox>American Cabaret</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55107" label="FCBD® Style" >
              <ds-checkbox>FCBD® Style</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55109" label="Datura Style Belly Dance" >
              <ds-checkbox>Datura Style Belly Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55110" label="Indian Classical &amp; Fusion" >
              <ds-checkbox>Indian Classical &amp; Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55111" label="Dances of North Africa (Maghreb)" >
              <ds-checkbox>Dances of North Africa (Maghreb)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53927" label="Fusion" >
              <ds-checkbox>Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54155" label="Egyptian Dance (Raqs Sharqi)" >
              <ds-checkbox>Egyptian Dance (Raqs Sharqi)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55112" label="ITS" >
              <ds-checkbox>ITS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55054" label="Member Favorites" >
              <ds-checkbox>Member Favorites</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="101264" label="Classic Songs Every Belly Dancer Should Know" >
              <ds-checkbox>Classic Songs Every Belly Dancer Should Know</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="183806" label="Spotlights" >
              <ds-checkbox>Spotlights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184894" label="Classes" >
              <ds-checkbox>Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184895" label="Workshops" >
              <ds-checkbox>Workshops</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184896" label="Props" >
              <ds-checkbox>Props</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184897" label="Fundamentals" >
              <ds-checkbox>Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184898" label="Musicality" >
              <ds-checkbox>Musicality</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184911" label="Floorwork" >
              <ds-checkbox>Floorwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185467" label="Shimmies" >
              <ds-checkbox>Shimmies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185474" label="Spins &amp; Turns" >
              <ds-checkbox>Spins &amp; Turns</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185477" label="Undulations" >
              <ds-checkbox>Undulations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185478" label="Hipwork" >
              <ds-checkbox>Hipwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="134469" label="Want to dance in a restaurant?" >
              <ds-checkbox>Want to dance in a restaurant?</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185486" label="Isolations" >
              <ds-checkbox>Isolations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185488" label="Layers" >
              <ds-checkbox>Layers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185495" label="Vocabulary" >
              <ds-checkbox>Vocabulary</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="230439" label="Finger Cymbals" >
              <ds-checkbox>Finger Cymbals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50428" label="Beginners!" >
              <ds-checkbox>Beginners!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242574" label="8 Elements Homework Collections" >
              <ds-checkbox>8 Elements Homework Collections</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53574" label="Progressive Programs" >
              <ds-checkbox>Progressive Programs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="285189" label="Teacher Toolkit" >
              <ds-checkbox>Teacher Toolkit</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286409" label="Under 35 minutes!" >
              <ds-checkbox>Under 35 minutes!</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="23929" label="Amel Tafsout" >
              <ds-checkbox>Amel Tafsout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23926" label="Amy Sigil" >
              <ds-checkbox>Amy Sigil</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23922" label="April Rose" >
              <ds-checkbox>April Rose</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23916" label="Ashley López" >
              <ds-checkbox>Ashley López</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119572" label="Baksana Ensemble" >
              <ds-checkbox>Baksana Ensemble</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24689" label="Bellydancers of Cairo" >
              <ds-checkbox>Bellydancers of Cairo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42487" label="Bevin Victoria" >
              <ds-checkbox>Bevin Victoria</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23918" label="Colette Todorov" >
              <ds-checkbox>Colette Todorov</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23925" label="Colleena Shakti" >
              <ds-checkbox>Colleena Shakti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23931" label="Donna Mejia" >
              <ds-checkbox>Donna Mejia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123884" label="Drake von Trapp" >
              <ds-checkbox>Drake von Trapp</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23928" label="Ebony" >
              <ds-checkbox>Ebony</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23930" label="Faisal Zedan" >
              <ds-checkbox>Faisal Zedan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66561" label="Guests" >
              <ds-checkbox>Guests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23915" label="Heather &quot;Henna&quot; Louise" >
              <ds-checkbox>Heather &quot;Henna&quot; Louise</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23933" label="Heather Stants" >
              <ds-checkbox>Heather Stants</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119571" label="Izohnny" >
              <ds-checkbox>Izohnny</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="128485" label="Morgan Fay" >
              <ds-checkbox>Morgan Fay</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123255" label="Nicole Malinoff" >
              <ds-checkbox>Nicole Malinoff</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22694" label="Rachel Brice" >
              <ds-checkbox>Rachel Brice</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22711" label="Sadie" >
              <ds-checkbox>Sadie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59784" label="Sara Lyn" >
              <ds-checkbox>Sara Lyn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23917" label="Sedona Swan Soulfire" >
              <ds-checkbox>Sedona Swan Soulfire</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23919" label="Tamalyn Dallal" >
              <ds-checkbox>Tamalyn Dallal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24773" label="The Fez Documentary" >
              <ds-checkbox>The Fez Documentary</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23921" label="Zoe Jakes" >
              <ds-checkbox>Zoe Jakes</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_1585" id="catalog_filter_1585" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Dance Style: All" inner-prefix="Dance Style" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9242" label="Egyptian" >
              <ds-checkbox>Egyptian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9243" label="Cabaret" >
              <ds-checkbox>Cabaret</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9244" label="Fusion" >
              <ds-checkbox>Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9245" label="Indian Dance" >
              <ds-checkbox>Indian Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9246" label="North African Dance" >
              <ds-checkbox>North African Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9247" label="Yoga" >
              <ds-checkbox>Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9248" label="Fitness" >
              <ds-checkbox>Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9249" label="ITS" >
              <ds-checkbox>ITS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9250" label="Datura Style™" >
              <ds-checkbox>Datura Style™</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9251" label="FCBD® Style" >
              <ds-checkbox>FCBD® Style</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9252" label="Turkish" >
              <ds-checkbox>Turkish</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_1584" id="catalog_filter_1584" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Level: All" inner-prefix="Level" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9238" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9239" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9240" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9241" label="All levels" >
              <ds-checkbox>All levels</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_1583" id="catalog_filter_1583" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Time: All" inner-prefix="Time" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9232" label="5m or less" >
              <ds-checkbox>5m or less</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9233" label="5-15m" >
              <ds-checkbox>5-15m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9234" label="15-30m" >
              <ds-checkbox>15-30m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9235" label="30-60m" >
              <ds-checkbox>30-60m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9236" label="60-90m" >
              <ds-checkbox>60-90m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9237" label="90m or more" >
              <ds-checkbox>90m or more</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>

