<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="video_4094457"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Get 3K steps in while wearing wrist weights"
    data-published-at="2026-03-15T08:46:49-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4094457&#39;, &#39;Search Results&#39;); " href="/programs/2026-03-15-new-3k-steps">
    <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="3,000 Steps Workout | With Wrist Weights" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4094457/horizontal/e96c45e0-ce69-403a-8609-6582f781560b.JPG?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4094457/horizontal/e96c45e0-ce69-403a-8609-6582f781560b.JPG?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4094457/horizontal/e96c45e0-ce69-403a-8609-6582f781560b.JPG?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4094457/horizontal/e96c45e0-ce69-403a-8609-6582f781560b.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">24:32</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" title="3,000 Steps Workout | With Wrist Weights" aria-label="3,000 Steps Workout | With Wrist Weights" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4094457&#39;, &#39;Search Results&#39;); " href="/programs/2026-03-15-new-3k-steps">
    <span class="line-clamp-2">
      3,000 Steps Workout | With Wrist Weights
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4076081"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Hit 4,000 steps in just 33 minutes! "
    data-published-at="2026-03-03T11:32:49-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4076081&#39;, &#39;Search Results&#39;); " href="/programs/4k-steps">
    <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="4,000 Steps Workout | Latin Beats" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4076081/horizontal/1164c8db-bf84-46e6-b82d-81a1c22feb8c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4076081/horizontal/1164c8db-bf84-46e6-b82d-81a1c22feb8c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4076081/horizontal/1164c8db-bf84-46e6-b82d-81a1c22feb8c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4076081/horizontal/1164c8db-bf84-46e6-b82d-81a1c22feb8c.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">32:51</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" title="4,000 Steps Workout | Latin Beats" aria-label="4,000 Steps Workout | Latin Beats" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4076081&#39;, &#39;Search Results&#39;); " href="/programs/4k-steps">
    <span class="line-clamp-2">
      4,000 Steps Workout | Latin Beats
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4075934"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Hit 3,000 steps in just 25 minutes! "
    data-published-at="2026-03-03T11:41:38-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4075934&#39;, &#39;Search Results&#39;); " href="/programs/3k-steps">
    <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="3,000 Steps Workout | Silent Workout" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4075934/horizontal/de7eebbe-90ae-42b3-87ca-fae68d339b8a.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4075934/horizontal/de7eebbe-90ae-42b3-87ca-fae68d339b8a.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4075934/horizontal/de7eebbe-90ae-42b3-87ca-fae68d339b8a.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4075934/horizontal/de7eebbe-90ae-42b3-87ca-fae68d339b8a.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">33:23</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" title="3,000 Steps Workout | Silent Workout" aria-label="3,000 Steps Workout | Silent Workout" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4075934&#39;, &#39;Search Results&#39;); " href="/programs/3k-steps">
    <span class="line-clamp-2">
      3,000 Steps Workout | Silent Workout
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4006442"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Love counting steps? Hit 5,000 steps, close your rings, and walk it out to a fun, step-themed playlist!"
    data-published-at="2026-01-23T04:11:37-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4006442&#39;, &#39;Search Results&#39;); " href="/programs/5000-steps-workout">
    <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="5,000 Steps Workout | Walking Songs" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4006442/horizontal/459a8729-88f0-46fc-bf39-d90fc3e05c43.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4006442/horizontal/459a8729-88f0-46fc-bf39-d90fc3e05c43.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4006442/horizontal/459a8729-88f0-46fc-bf39-d90fc3e05c43.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4006442/horizontal/459a8729-88f0-46fc-bf39-d90fc3e05c43.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">39:52</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" title="5,000 Steps Workout | Walking Songs" aria-label="5,000 Steps Workout | Walking Songs" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4006442&#39;, &#39;Search Results&#39;); " href="/programs/5000-steps-workout">
    <span class="line-clamp-2">
      5,000 Steps Workout | Walking Songs
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4006311"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="If you&#39;re all about hitting your step goals, you&#39;re going to love this!"
    data-published-at="2026-01-23T04:08:11-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4006311&#39;, &#39;Search Results&#39;); " href="/programs/40-min-jump-5000-steps-part-2">
    <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="5,000 Steps Vol. 2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4006311/horizontal/ca83ecd2-10f0-48d5-a768-6770445df11f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4006311/horizontal/ca83ecd2-10f0-48d5-a768-6770445df11f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4006311/horizontal/ca83ecd2-10f0-48d5-a768-6770445df11f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4006311/horizontal/ca83ecd2-10f0-48d5-a768-6770445df11f.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">42:05</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" title="5,000 Steps Vol. 2" aria-label="5,000 Steps Vol. 2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4006311&#39;, &#39;Search Results&#39;); " href="/programs/40-min-jump-5000-steps-part-2">
    <span class="line-clamp-2">
      5,000 Steps Vol. 2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4005862"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="If you love counting your steps, this 10,000-step workout is made for you! "
    data-published-at="2026-01-23T03:56:16-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005862&#39;, &#39;Search Results&#39;); " href="/programs/1h-25m-10k-steps-jump-challenge-cfb0b3">
    <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="10K Steps Workout | Walking Beats" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4005862/horizontal/64d67675-2ff7-4602-a7c1-861ef5f60546.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4005862/horizontal/64d67675-2ff7-4602-a7c1-861ef5f60546.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4005862/horizontal/64d67675-2ff7-4602-a7c1-861ef5f60546.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4005862/horizontal/64d67675-2ff7-4602-a7c1-861ef5f60546.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">01:24: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" title="10K Steps Workout | Walking Beats" aria-label="10K Steps Workout | Walking Beats" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005862&#39;, &#39;Search Results&#39;); " href="/programs/1h-25m-10k-steps-jump-challenge-cfb0b3">
    <span class="line-clamp-2">
      10K Steps Workout | Walking Beats
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4005846"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Get 2,000 steps on your rebounder in 17 minutes!"
    data-published-at="2026-01-23T03:55:51-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005846&#39;, &#39;Search Results&#39;); " href="/programs/17-min-jump-2000-steps-72ecf9">
    <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="2,000 Steps Workout | Walking Beats" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4005846/horizontal/e4343f48-6d55-4ba4-8c28-36d80f0acdbf.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4005846/horizontal/e4343f48-6d55-4ba4-8c28-36d80f0acdbf.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4005846/horizontal/e4343f48-6d55-4ba4-8c28-36d80f0acdbf.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4005846/horizontal/e4343f48-6d55-4ba4-8c28-36d80f0acdbf.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">17:03</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" title="2,000 Steps Workout | Walking Beats" aria-label="2,000 Steps Workout | Walking Beats" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005846&#39;, &#39;Search Results&#39;); " href="/programs/17-min-jump-2000-steps-72ecf9">
    <span class="line-clamp-2">
      2,000 Steps Workout | Walking Beats
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4005620"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Add 1,000 extra steps to your day with this 10-minute, low-impact workout! "
    data-published-at="2026-01-23T03:49:59-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005620&#39;, &#39;Search Results&#39;); " href="/programs/10-min-jump-1000-steps-w-weights-6712ee">
    <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="1,000 Steps Workout | Jump Sculpt" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4005620/horizontal/55c27b62-3451-4ab2-bae4-609da734882b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4005620/horizontal/55c27b62-3451-4ab2-bae4-609da734882b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4005620/horizontal/55c27b62-3451-4ab2-bae4-609da734882b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4005620/horizontal/55c27b62-3451-4ab2-bae4-609da734882b.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">09:06</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" title="1,000 Steps Workout | Jump Sculpt" aria-label="1,000 Steps Workout | Jump Sculpt" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4005620&#39;, &#39;Search Results&#39;); " href="/programs/10-min-jump-1000-steps-w-weights-6712ee">
    <span class="line-clamp-2">
      1,000 Steps Workout | Jump Sculpt
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 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="270969" label="New Releases " >
              <ds-checkbox>New Releases </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276517" label="Weekly Workout Schedule" >
              <ds-checkbox>Weekly Workout Schedule</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276520" label="Jump to the Beat" >
              <ds-checkbox>Jump to the Beat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="272630" label="Choose By Equipment " >
              <ds-checkbox>Choose By Equipment </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276516" label="New to Rebounding - Start Here" >
              <ds-checkbox>New to Rebounding - Start Here</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276518" label="Just Jumped Up from Beginner – Start Here" >
              <ds-checkbox>Just Jumped Up from Beginner – Start Here</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276519" label="Now A Rebounding Warrior - Start Here" >
              <ds-checkbox>Now A Rebounding Warrior - Start Here</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="272668" label="Jump Snacks " >
              <ds-checkbox>Jump Snacks </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="278298" label="Challenges" >
              <ds-checkbox>Challenges</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276521" label="Jump Steps - Get Your Steps In" >
              <ds-checkbox>Jump Steps - Get Your Steps In</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="277690" label="Stretch + Mobility" >
              <ds-checkbox>Stretch + Mobility</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="272667" label="Rebounding Form Guide" >
              <ds-checkbox>Rebounding Form Guide</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="279875" label="Most Popular" >
              <ds-checkbox>Most Popular</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_14261" id="catalog_filter_14261" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Intensity: All" inner-prefix="Intensity" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72611" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72612" label="All-Levels" >
              <ds-checkbox>All-Levels</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72613" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72614" label="Advanced" >
              <ds-checkbox>Advanced</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_14260" id="catalog_filter_14260" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Equipment: All" inner-prefix="Equipment" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72603" label="Only Rebounder" >
              <ds-checkbox>Only Rebounder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72605" label="Rebounder + Wrist Weights" >
              <ds-checkbox>Rebounder + Wrist Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72604" label="Rebounder + Light Weights" >
              <ds-checkbox>Rebounder + Light Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72606" label="Rebounder + Heavy Weights" >
              <ds-checkbox>Rebounder + Heavy Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72607" label="Rebounder + Activation Band" >
              <ds-checkbox>Rebounder + Activation Band</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72940" label="Rebounder + Weights + Activation Band" >
              <ds-checkbox>Rebounder + Weights + Activation Band</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72608" label="Only Weights" >
              <ds-checkbox>Only Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72609" label="No Equipment / Travel Workout" >
              <ds-checkbox>No Equipment / Travel Workout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72610" label="Resistance Bands" >
              <ds-checkbox>Resistance Bands</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_14258" id="catalog_filter_14258" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Class Length: All" inner-prefix="Class Length" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72594" label="Under 10 min" >
              <ds-checkbox>Under 10 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72595" label="10 - 20 min" >
              <ds-checkbox>10 - 20 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72596" label="20 - 30 min" >
              <ds-checkbox>20 - 30 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72597" label="30 - 40 min" >
              <ds-checkbox>30 - 40 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72598" label="40+ min" >
              <ds-checkbox>40+ min</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_14259" id="catalog_filter_14259" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Jump Type : All" inner-prefix="Jump Type " select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72599" label="Jump Dance" >
              <ds-checkbox>Jump Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72600" label="Jump HIIT" >
              <ds-checkbox>Jump HIIT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72601" label="Jump Timer Edition" >
              <ds-checkbox>Jump Timer Edition</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72618" label="Jump - Get Your Steps In" checked>
              <ds-checkbox>Jump - Get Your Steps In</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72619" label="Jump + Jam" >
              <ds-checkbox>Jump + Jam</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72851" label="Jump Recovery" >
              <ds-checkbox>Jump Recovery</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72852" label="Jump Workout Therapy" >
              <ds-checkbox>Jump Workout Therapy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72894" label="Jump Mood Booster" >
              <ds-checkbox>Jump Mood Booster</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_14264" id="catalog_filter_14264" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Jump&amp;Jacked Type: All" inner-prefix="Jump&amp;Jacked Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72625" label="Jump Sculpt " >
              <ds-checkbox>Jump Sculpt </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72626" label="Jump&amp;Jacked" >
              <ds-checkbox>Jump&amp;Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72895" label="Jump + Bodyweight Strength" >
              <ds-checkbox>Jump + Bodyweight Strength</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72855" label="Live Zoom Class Recordings" >
              <ds-checkbox>Live Zoom Class Recordings</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_14263" id="catalog_filter_14263" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Jacked Type: All" inner-prefix="Jacked Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72622" label="Full Body Jacked" >
              <ds-checkbox>Full Body Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72620" label="Upper Body Jacked" >
              <ds-checkbox>Upper Body Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72621" label="Lower Body Jacked" >
              <ds-checkbox>Lower Body Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72623" label="Glute Focused Jacked" >
              <ds-checkbox>Glute Focused Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72624" label="Core Focused Jacked" >
              <ds-checkbox>Core Focused Jacked</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72853" label="Jacked Workout Therapy" >
              <ds-checkbox>Jacked Workout Therapy</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_14262" id="catalog_filter_14262" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Audio Preference: All" inner-prefix="Audio Preference" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72615" label="Only Music" >
              <ds-checkbox>Only Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72616" label="Music + Instructor Guidance" >
              <ds-checkbox>Music + Instructor Guidance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72617" label="Silent Workouts (Use Your Own Music)" >
              <ds-checkbox>Silent Workouts (Use Your Own Music)</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>

