<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="AJgJJLdE7jCiGSZ58-N7ILml0UKXes1rI-VkFxcyDUuarxJyGpxQcjz6xh3chasphXbOfQL_qkdTokjub-bzFQ" /></head><body><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_3200887"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial we will break down the double leg tik tok, breaking down the key technicalities required to create the perfect effect."
    data-published-at="2024-08-24T07:42:56+01: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;3200887&#39;, &#39;Search Results&#39;); " href="/programs/tiktok-double">
    <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="Tiktok Double" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200887/horizontal/03f2fd6a-a8c2-4b65-88fd-da85c64c3d57.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200887/horizontal/03f2fd6a-a8c2-4b65-88fd-da85c64c3d57.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200887/horizontal/03f2fd6a-a8c2-4b65-88fd-da85c64c3d57.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200887/horizontal/03f2fd6a-a8c2-4b65-88fd-da85c64c3d57.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">07:58</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="Tiktok Double" aria-label="Tiktok Double" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200887&#39;, &#39;Search Results&#39;); " href="/programs/tiktok-double">
    <span class="line-clamp-2">
      Tiktok Double
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200882"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to safely roll in heels! This tutorial will run through each step in detail to ensure a safe execution of the shoulder roll."
    data-published-at="2024-08-24T07:43:37+01: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;3200882&#39;, &#39;Search Results&#39;); " href="/programs/shoulder-roll">
    <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="Shoulder Roll" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200882/horizontal/52359dff-4640-44e5-b686-22f30c36e69c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200882/horizontal/52359dff-4640-44e5-b686-22f30c36e69c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200882/horizontal/52359dff-4640-44e5-b686-22f30c36e69c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200882/horizontal/52359dff-4640-44e5-b686-22f30c36e69c.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">06:44</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="Shoulder Roll" aria-label="Shoulder Roll" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200882&#39;, &#39;Search Results&#39;); " href="/programs/shoulder-roll">
    <span class="line-clamp-2">
      Shoulder Roll
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200881"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="We will be exploring a fluid floorwork transition in this tutorial, explaining the body mechanics in detail at every step."
    data-published-at="2024-08-24T07:43:45+01: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;3200881&#39;, &#39;Search Results&#39;); " href="/programs/inner-circle">
    <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="Inner Circle" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200881/horizontal/fbb13436-a9e3-4057-bce0-ed65f7d7beba.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200881/horizontal/fbb13436-a9e3-4057-bce0-ed65f7d7beba.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200881/horizontal/fbb13436-a9e3-4057-bce0-ed65f7d7beba.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200881/horizontal/fbb13436-a9e3-4057-bce0-ed65f7d7beba.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">06:22</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="Inner Circle" aria-label="Inner Circle" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200881&#39;, &#39;Search Results&#39;); " href="/programs/inner-circle">
    <span class="line-clamp-2">
      Inner Circle
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200880"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial we will break down the features and techniques of the shoulderstand into easy to follow steps."
    data-published-at="2024-08-24T07:43:56+01: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;3200880&#39;, &#39;Search Results&#39;); " href="/programs/shoulder-stands">
    <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="Shoulder Stands" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200880/horizontal/ab2c6f09-6113-439a-b1b1-6153610ebe1d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200880/horizontal/ab2c6f09-6113-439a-b1b1-6153610ebe1d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200880/horizontal/ab2c6f09-6113-439a-b1b1-6153610ebe1d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200880/horizontal/ab2c6f09-6113-439a-b1b1-6153610ebe1d.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">06:29</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="Shoulder Stands" aria-label="Shoulder Stands" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200880&#39;, &#39;Search Results&#39;); " href="/programs/shoulder-stands">
    <span class="line-clamp-2">
      Shoulder Stands
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200877"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to give a flawless floor jade split in this tutorial. Each step will be broken into stages highlighting the technique required."
    data-published-at="2024-08-24T07:44:19+01: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;3200877&#39;, &#39;Search Results&#39;); " href="/programs/floor-jade">
    <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="Floor Jade Split" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200877/horizontal/0d7fe2bf-f9d8-40b3-92cf-383b3382b660.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200877/horizontal/0d7fe2bf-f9d8-40b3-92cf-383b3382b660.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200877/horizontal/0d7fe2bf-f9d8-40b3-92cf-383b3382b660.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200877/horizontal/0d7fe2bf-f9d8-40b3-92cf-383b3382b660.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">06:12</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="Floor Jade Split" aria-label="Floor Jade Split" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200877&#39;, &#39;Search Results&#39;); " href="/programs/floor-jade">
    <span class="line-clamp-2">
      Floor Jade Split
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200873"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial, we will cover a knee hook basework transition around the pole."
    data-published-at="2024-08-24T07:44:49+01: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;3200873&#39;, &#39;Search Results&#39;); " href="/programs/floor-hook-and-sweep">
    <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="Floor Hook And Sweep" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200873/horizontal/447b9cfb-b1bd-445f-9d0a-367ef0ede2b6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200873/horizontal/447b9cfb-b1bd-445f-9d0a-367ef0ede2b6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200873/horizontal/447b9cfb-b1bd-445f-9d0a-367ef0ede2b6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200873/horizontal/447b9cfb-b1bd-445f-9d0a-367ef0ede2b6.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">05:31</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="Floor Hook And Sweep" aria-label="Floor Hook And Sweep" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200873&#39;, &#39;Search Results&#39;); " href="/programs/floor-hook-and-sweep">
    <span class="line-clamp-2">
      Floor Hook And Sweep
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200870"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial we will cover the mechanics of the knee spin floorwork move. "
    data-published-at="2024-08-24T07:45:10+01: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;3200870&#39;, &#39;Search Results&#39;); " href="/programs/knee-spin">
    <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="Knee Spin" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200870/horizontal/038d59df-6f7d-4270-aa1a-7f40246e750f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200870/horizontal/038d59df-6f7d-4270-aa1a-7f40246e750f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200870/horizontal/038d59df-6f7d-4270-aa1a-7f40246e750f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200870/horizontal/038d59df-6f7d-4270-aa1a-7f40246e750f.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">05:17</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="Knee Spin" aria-label="Knee Spin" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200870&#39;, &#39;Search Results&#39;); " href="/programs/knee-spin">
    <span class="line-clamp-2">
      Knee Spin
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200866"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this video we wiill be looking at a variety of floorwork positions known as prone positions. "
    data-published-at="2024-08-24T07:50:39+01: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;3200866&#39;, &#39;Search Results&#39;); " href="/programs/prone-positions">
    <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="Prone Positions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200866/horizontal/185979bf-13b5-4e21-b882-ac61cfc0b2d2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200866/horizontal/185979bf-13b5-4e21-b882-ac61cfc0b2d2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200866/horizontal/185979bf-13b5-4e21-b882-ac61cfc0b2d2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200866/horizontal/185979bf-13b5-4e21-b882-ac61cfc0b2d2.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">04:59</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="Prone Positions" aria-label="Prone Positions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200866&#39;, &#39;Search Results&#39;); " href="/programs/prone-positions">
    <span class="line-clamp-2">
      Prone Positions
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200862"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial, we will be breaking down the key elements for a pole assisted fish flop. "
    data-published-at="2024-08-24T07:51:35+01: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;3200862&#39;, &#39;Search Results&#39;); " href="/programs/pole-fish-flop">
    <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="Pole Fish Flop" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200862/horizontal/dabcf2cf-01a5-478e-a360-798ffb9d6a9b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200862/horizontal/dabcf2cf-01a5-478e-a360-798ffb9d6a9b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200862/horizontal/dabcf2cf-01a5-478e-a360-798ffb9d6a9b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200862/horizontal/dabcf2cf-01a5-478e-a360-798ffb9d6a9b.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">04:53</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="Pole Fish Flop" aria-label="Pole Fish Flop" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200862&#39;, &#39;Search Results&#39;); " href="/programs/pole-fish-flop">
    <span class="line-clamp-2">
      Pole Fish Flop
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200857"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this tutorial we will explore a floorwork move using our legs to create fluid shapes. "
    data-published-at="2024-08-24T07:52:14+01: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;3200857&#39;, &#39;Search Results&#39;); " href="/programs/figure-of-8">
    <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="Figure Of 8" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200857/horizontal/2bd5b9c9-7167-4d72-b33b-61f977f745fc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200857/horizontal/2bd5b9c9-7167-4d72-b33b-61f977f745fc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200857/horizontal/2bd5b9c9-7167-4d72-b33b-61f977f745fc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200857/horizontal/2bd5b9c9-7167-4d72-b33b-61f977f745fc.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">04:37</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="Figure Of 8" aria-label="Figure Of 8" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200857&#39;, &#39;Search Results&#39;); " href="/programs/figure-of-8">
    <span class="line-clamp-2">
      Figure Of 8
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200856"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This tutorial will cover the airwalk, you will learn the specific movements and techniques required to execute the air walk effect."
    data-published-at="2024-08-24T07:52:24+01: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;3200856&#39;, &#39;Search Results&#39;); " href="/programs/air-walk">
    <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="Air Walk" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200856/horizontal/165cafdf-0f7f-4d91-a70c-99eddf7681ea.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200856/horizontal/165cafdf-0f7f-4d91-a70c-99eddf7681ea.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200856/horizontal/165cafdf-0f7f-4d91-a70c-99eddf7681ea.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200856/horizontal/165cafdf-0f7f-4d91-a70c-99eddf7681ea.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">04:34</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="Air Walk" aria-label="Air Walk" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200856&#39;, &#39;Search Results&#39;); " href="/programs/air-walk">
    <span class="line-clamp-2">
      Air Walk
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200855"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this video we will be covering the techniques to create the perfect wavy legs effect. "
    data-published-at="2024-08-24T07:52:58+01: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;3200855&#39;, &#39;Search Results&#39;); " href="/programs/wavy-legs">
    <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="Wavy Legs" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200855/horizontal/8a8ccaf3-1d90-401a-b604-3d8ca9dd5f9f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200855/horizontal/8a8ccaf3-1d90-401a-b604-3d8ca9dd5f9f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200855/horizontal/8a8ccaf3-1d90-401a-b604-3d8ca9dd5f9f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200855/horizontal/8a8ccaf3-1d90-401a-b604-3d8ca9dd5f9f.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">04:28</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="Wavy Legs" aria-label="Wavy Legs" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200855&#39;, &#39;Search Results&#39;); " href="/programs/wavy-legs">
    <span class="line-clamp-2">
      Wavy Legs
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200854"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This tutorial will cover the technique behind the floorwork move Trucker Lift. "
    data-published-at="2024-08-24T07:54:13+01: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;3200854&#39;, &#39;Search Results&#39;); " href="/programs/trucker-lift">
    <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="Trucker Lift" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200854/horizontal/68dc603f-f9ee-44b9-b9e0-72094cbd5997.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200854/horizontal/68dc603f-f9ee-44b9-b9e0-72094cbd5997.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200854/horizontal/68dc603f-f9ee-44b9-b9e0-72094cbd5997.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200854/horizontal/68dc603f-f9ee-44b9-b9e0-72094cbd5997.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">04: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="Trucker Lift" aria-label="Trucker Lift" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200854&#39;, &#39;Search Results&#39;); " href="/programs/trucker-lift">
    <span class="line-clamp-2">
      Trucker Lift
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200845"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This tutorial will break down the Flick Up and explain the biomechanics behind the movement."
    data-published-at="2024-08-24T07:55:27+01: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;3200845&#39;, &#39;Search Results&#39;); " href="/programs/flick-up">
    <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="Flick Up" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200845/horizontal/084f83cb-8575-4f58-973b-955c1789cb4a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200845/horizontal/084f83cb-8575-4f58-973b-955c1789cb4a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200845/horizontal/084f83cb-8575-4f58-973b-955c1789cb4a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200845/horizontal/084f83cb-8575-4f58-973b-955c1789cb4a.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">03:49</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="Flick Up" aria-label="Flick Up" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200845&#39;, &#39;Search Results&#39;); " href="/programs/flick-up">
    <span class="line-clamp-2">
      Flick Up
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200841"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This tutorial will break down the key components to successfully executing the beautiful back arch slide."
    data-published-at="2024-08-24T07:56:05+01: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;3200841&#39;, &#39;Search Results&#39;); " href="/programs/back-arch-slide">
    <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="Back Arch Slide" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200841/horizontal/fccbe0c6-ac40-49b3-9b82-044a5ec83c22.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200841/horizontal/fccbe0c6-ac40-49b3-9b82-044a5ec83c22.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200841/horizontal/fccbe0c6-ac40-49b3-9b82-044a5ec83c22.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200841/horizontal/fccbe0c6-ac40-49b3-9b82-044a5ec83c22.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">03:25</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="Back Arch Slide" aria-label="Back Arch Slide" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200841&#39;, &#39;Search Results&#39;); " href="/programs/back-arch-slide">
    <span class="line-clamp-2">
      Back Arch Slide
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200840"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This tutorial will cover a classic floorwork move, creating shapes and waves with your legs."
    data-published-at="2024-08-24T07:56:10+01: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;3200840&#39;, &#39;Search Results&#39;); " href="/programs/knock-knee-double">
    <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="Knock Knee Double" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200840/horizontal/a0124fca-26b7-428f-be62-e2f4696d9c9b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200840/horizontal/a0124fca-26b7-428f-be62-e2f4696d9c9b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200840/horizontal/a0124fca-26b7-428f-be62-e2f4696d9c9b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200840/horizontal/a0124fca-26b7-428f-be62-e2f4696d9c9b.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">03:22</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="Knock Knee Double" aria-label="Knock Knee Double" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200840&#39;, &#39;Search Results&#39;); " href="/programs/knock-knee-double">
    <span class="line-clamp-2">
      Knock Knee Double
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3200833"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this video, you will learn a variety of different seated positions. "
    data-published-at="2024-08-24T07:57:04+01: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;3200833&#39;, &#39;Search Results&#39;); " href="/programs/seated-floor-positions">
    <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="Seated Floor Positions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3200833/horizontal/9fa82976-2b25-48b4-8a27-536ba2c32bf0.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3200833/horizontal/9fa82976-2b25-48b4-8a27-536ba2c32bf0.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3200833/horizontal/9fa82976-2b25-48b4-8a27-536ba2c32bf0.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3200833/horizontal/9fa82976-2b25-48b4-8a27-536ba2c32bf0.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">02: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="Seated Floor Positions" aria-label="Seated Floor Positions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3200833&#39;, &#39;Search Results&#39;); " href="/programs/seated-floor-positions">
    <span class="line-clamp-2">
      Seated Floor Positions
    </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-short-variant 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="216789" label="Intro To Heels Course" >
              <ds-checkbox>Intro To Heels Course</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108550" label="Intermediate + Heels Class Recordings (Available For Rent)" >
              <ds-checkbox>Intermediate + Heels Class Recordings (Available For Rent)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="220267" label="Beginners Heels Class Recordings (Available For Rent)" >
              <ds-checkbox>Beginners Heels Class Recordings (Available For Rent)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108496" label="Access &amp; Discount Codes" >
              <ds-checkbox>Access &amp; Discount Codes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104142" label="Tutorials - Pole Work" >
              <ds-checkbox>Tutorials - Pole Work</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104157" label="Tutorials - Floor Work" >
              <ds-checkbox>Tutorials - Floor Work</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104155" label="Flexibility Tutorials" >
              <ds-checkbox>Flexibility Tutorials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104136" label="Back Bends" >
              <ds-checkbox>Back Bends</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104156" label="Splits &amp; Lines" >
              <ds-checkbox>Splits &amp; Lines</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="110828" label="Aleksandra Karolina" >
              <ds-checkbox>Aleksandra Karolina</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98901" label="All Guest Instructors" >
              <ds-checkbox>All Guest Instructors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112104" label="Amie The Mermaid" >
              <ds-checkbox>Amie The Mermaid</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113323" label="AnnaKia" >
              <ds-checkbox>AnnaKia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99508" label="Annie Norris" >
              <ds-checkbox>Annie Norris</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113279" label="Cassie Pickersgill" >
              <ds-checkbox>Cassie Pickersgill</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110827" label="Chloe Anderson" >
              <ds-checkbox>Chloe Anderson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98899" label="Claudia Reneé" >
              <ds-checkbox>Claudia Reneé</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="121124" label="Dalton Rhodes" >
              <ds-checkbox>Dalton Rhodes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108281" label="Daphne Lux" >
              <ds-checkbox>Daphne Lux</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112729" label="Deny Grigorik" >
              <ds-checkbox>Deny Grigorik</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98897" label="Doris Arnold" >
              <ds-checkbox>Doris Arnold</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116470" label="Drusilla Ray" >
              <ds-checkbox>Drusilla Ray</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112103" label="Emma Nicholson" >
              <ds-checkbox>Emma Nicholson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112106" label="Holly Baker" >
              <ds-checkbox>Holly Baker</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98898" label="Jazzy K" >
              <ds-checkbox>Jazzy K</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114168" label="Lena" >
              <ds-checkbox>Lena</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106039" label="Lisette Krol" >
              <ds-checkbox>Lisette Krol</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98900" label="Loveday" >
              <ds-checkbox>Loveday</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122919" label="Nastya Artemjeva" >
              <ds-checkbox>Nastya Artemjeva</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122103" label="Natalya Nightshade" >
              <ds-checkbox>Natalya Nightshade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122929" label="Noel aka Space Dookie" >
              <ds-checkbox>Noel aka Space Dookie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114659" label="Patricia The Tease" >
              <ds-checkbox>Patricia The Tease</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111169" label="Queena Sung" >
              <ds-checkbox>Queena Sung</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110826" label="Rachael Gisella" >
              <ds-checkbox>Rachael Gisella</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112171" label="Scarlet Raven" >
              <ds-checkbox>Scarlet Raven</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112105" label="Wes Marx" >
              <ds-checkbox>Wes Marx</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_10820" id="catalog_filter_10820" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Intro To Heels Course: All" inner-prefix="Intro To Heels Course" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="54240" label="Foundational Heels Movements" >
              <ds-checkbox>Foundational Heels Movements</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54241" label="Ankle Mobility &amp; Conditioning" >
              <ds-checkbox>Ankle Mobility &amp; Conditioning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54242" label="Pathway Creation" >
              <ds-checkbox>Pathway Creation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54243" label="Descends To Floor &amp; Ascends To Standing" >
              <ds-checkbox>Descends To Floor &amp; Ascends To Standing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54244" label="Drop Technique &amp; Safe Drops" >
              <ds-checkbox>Drop Technique &amp; Safe Drops</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54245" label="Floor Work &amp; Leg Work" checked>
              <ds-checkbox>Floor Work &amp; Leg Work</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54246" label="Theory" >
              <ds-checkbox>Theory</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>

</body></html>