<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_3915282"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Expect a short and sweet movement practice to unravel and unknot."
    data-author-title-0="Ellen Hodges" data-author-permalink-0="author-lYFBot69tCw"
    data-published-at="2026-01-26T00:00:00+00: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;3915282&#39;, &#39;Search Results&#39;); " href="/programs/unknot">
    <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="Unknot | A vinyasa to unravel and release" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3915282/horizontal/c9cc445e-0ccf-4157-8ea8-0131a15aa9f2.JPG?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3915282/horizontal/c9cc445e-0ccf-4157-8ea8-0131a15aa9f2.JPG?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3915282/horizontal/c9cc445e-0ccf-4157-8ea8-0131a15aa9f2.JPG?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3915282/horizontal/c9cc445e-0ccf-4157-8ea8-0131a15aa9f2.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">25: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="Unknot | A vinyasa to unravel and release" aria-label="Unknot | A vinyasa to unravel and release" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3915282&#39;, &#39;Search Results&#39;); " href="/programs/unknot">
    <span class="line-clamp-2">
      Unknot | A vinyasa to unravel and release
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3915217"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A guided meditation where we connect to the earth below, the sky above and our hearts."
    data-author-title-0="Ellen Hodges" data-author-permalink-0="author-lYFBot69tCw"
    data-published-at="2026-01-12T00:00:00+00: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;3915217&#39;, &#39;Search Results&#39;); " href="/programs/mada">
    <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="Mada | A meditation to ground, expand and re-centre" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3915217/horizontal/2d5fe2e8-66ec-4d4b-b378-261351e858ae.JPG?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3915217/horizontal/2d5fe2e8-66ec-4d4b-b378-261351e858ae.JPG?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3915217/horizontal/2d5fe2e8-66ec-4d4b-b378-261351e858ae.JPG?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3915217/horizontal/2d5fe2e8-66ec-4d4b-b378-261351e858ae.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">15: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="Mada | A meditation to ground, expand and re-centre" aria-label="Mada | A meditation to ground, expand and re-centre" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3915217&#39;, &#39;Search Results&#39;); " href="/programs/mada">
    <span class="line-clamp-2">
      Mada | A meditation to ground, expand and re-centre
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3912561"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Over 25 days, you’ll move through intentional practices, guided by a collective of our teachers, offering their own rhythm and perspective."
    data-author-title-0="Darcie Webb" data-author-permalink-0="author-YkowdCRlZXs"
    data-author-title-1="Ellen Hodges" data-author-permalink-1="author-lYFBot69tCw"
    data-author-title-2="Eloïse Lancsweert" data-author-permalink-2="author-NmXIUGskm7o"
    data-author-title-3="Isobel Gosney" data-author-permalink-3="author-1YgSKr2YdZU"
    data-author-title-4="Jaime Hepburn" data-author-permalink-4="author-6oB0QxslhqU"
    data-author-title-5="Jess Hearn" data-author-permalink-5="author-Fq88MUanYg0"
    data-author-title-6="Kelly Thomas" data-author-permalink-6="author-fvTJ4xdSHMc"
    data-author-title-7="Melise Djemal" data-author-permalink-7="author-PTCNX2x4ZNw"
    data-author-title-8="Ochre Seagrim" data-author-permalink-8="author-zut_j1HnihA"
    data-author-title-9="Zoe Harris" data-author-permalink-9="author-0kASb70Ru8A"
    data-published-at="2025-12-10T11:05:41+00: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;collection&#39;, &#39;3912561&#39;, &#39;Search Results&#39;); " href="/programs/january-ritual60">
    <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="January Ritual 6.0" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3912561/horizontal/22b0c359-239d-48d4-bc4b-f7329d2a810c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3912561/horizontal/22b0c359-239d-48d4-bc4b-f7329d2a810c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3912561/horizontal/22b0c359-239d-48d4-bc4b-f7329d2a810c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3912561/horizontal/22b0c359-239d-48d4-bc4b-f7329d2a810c.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">26</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="January Ritual 6.0" aria-label="January Ritual 6.0" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3912561&#39;, &#39;Search Results&#39;); " href="/programs/january-ritual60">
    <span class="line-clamp-2">
      January Ritual 6.0
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3587983"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Flow, strengthen, sweat, and reset — a curated mix of movement, ready for however you feel each day."
    data-author-title-0="Amber Coleman" data-author-permalink-0="author-8kz8P6ddpFM"
    data-author-title-1="Ellen Hodges" data-author-permalink-1="author-lYFBot69tCw"
    data-author-title-2="Isobel Gosney" data-author-permalink-2="author-1YgSKr2YdZU"
    data-author-title-3="Jaime Hepburn" data-author-permalink-3="author-6oB0QxslhqU"
    data-author-title-4="Jess Hearn" data-author-permalink-4="author-Fq88MUanYg0"
    data-author-title-5="Kelly Thomas" data-author-permalink-5="author-fvTJ4xdSHMc"
    data-author-title-6="Mai Izumitani" data-author-permalink-6="author-zOrtMmSCzJ0"
    data-author-title-7="Nat Kunz" data-author-permalink-7="author-fNg2gWPVDYs"
    data-author-title-8="Tamara Hayes Elliot" data-author-permalink-8="author-aeZQ-yVw77U"
    data-author-title-9="Zoe Harris" data-author-permalink-9="author-0kASb70Ru8A"
    data-published-at="2025-04-27T16:57:16+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;collection&#39;, &#39;3587983&#39;, &#39;Search Results&#39;); " href="/programs/holidaypass-everything">
    <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="Holiday Pass: The Everything Edit" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3587983/horizontal/d3bd5c32-2e07-4f97-9b0a-e83a208c9cb2.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3587983/horizontal/d3bd5c32-2e07-4f97-9b0a-e83a208c9cb2.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3587983/horizontal/d3bd5c32-2e07-4f97-9b0a-e83a208c9cb2.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3587983/horizontal/d3bd5c32-2e07-4f97-9b0a-e83a208c9cb2.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="Holiday Pass: The Everything Edit" aria-label="Holiday Pass: The Everything Edit" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3587983&#39;, &#39;Search Results&#39;); " href="/programs/holidaypass-everything">
    <span class="line-clamp-2">
      Holiday Pass: The Everything Edit
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3587955"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Breathe, move, and reset — a curation of yoga classes designed to flow with your holiday rhythm."
    data-author-title-0="Ellen Hodges" data-author-permalink-0="author-lYFBot69tCw"
    data-author-title-1="Jaime Hepburn" data-author-permalink-1="author-6oB0QxslhqU"
    data-author-title-2="Jess Hearn" data-author-permalink-2="author-Fq88MUanYg0"
    data-author-title-3="Mai Izumitani" data-author-permalink-3="author-zOrtMmSCzJ0"
    data-author-title-4="Ochre Seagrim" data-author-permalink-4="author-zut_j1HnihA"
    data-author-title-5="Sophie Deaks" data-author-permalink-5="author-1IEvXgv-_GI"
    data-published-at="2025-04-27T16:56: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;collection&#39;, &#39;3587955&#39;, &#39;Search Results&#39;); " href="/programs/holidaypass-yoga">
    <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="Holiday Pass: The Yoga Edit" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3587955/horizontal/d9ecdefb-ac28-49a5-a0ce-fb98f9d40833.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3587955/horizontal/d9ecdefb-ac28-49a5-a0ce-fb98f9d40833.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3587955/horizontal/d9ecdefb-ac28-49a5-a0ce-fb98f9d40833.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3587955/horizontal/d9ecdefb-ac28-49a5-a0ce-fb98f9d40833.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="Holiday Pass: The Yoga Edit" aria-label="Holiday Pass: The Yoga Edit" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3587955&#39;, &#39;Search Results&#39;); " href="/programs/holidaypass-yoga">
    <span class="line-clamp-2">
      Holiday Pass: The Yoga Edit
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3547518"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A vinyasa flow to uplift our energy by cracking open the heart space and creating openness across the upper body."
    data-author-title-0="Ellen Hodges" data-author-permalink-0="author-lYFBot69tCw"
    data-published-at="2025-04-11T00:00:02+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;3547518&#39;, &#39;Search Results&#39;); " href="/programs/novelle">
    <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="Novelle | Uplifting vinaysa" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3547518/horizontal/90f7428a-1ca1-4423-b472-17af00d15f98.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3547518/horizontal/90f7428a-1ca1-4423-b472-17af00d15f98.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3547518/horizontal/90f7428a-1ca1-4423-b472-17af00d15f98.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3547518/horizontal/90f7428a-1ca1-4423-b472-17af00d15f98.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">40: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="Novelle | Uplifting vinaysa" aria-label="Novelle | Uplifting vinaysa" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3547518&#39;, &#39;Search Results&#39;); " href="/programs/novelle">
    <span class="line-clamp-2">
      Novelle | Uplifting vinaysa
    </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 my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

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


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="190492" label="Live Classes" >
              <ds-checkbox>Live Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197539" label="Latest Drops " >
              <ds-checkbox>Latest Drops </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="283708" label="RETREATS WITH ARCHITECTS CABIN" >
              <ds-checkbox>RETREATS WITH ARCHITECTS CABIN</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="189789" label="MONTHLY GUIDES" >
              <ds-checkbox>MONTHLY GUIDES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="284153" label="THE HOLIDAY PASS" >
              <ds-checkbox>THE HOLIDAY PASS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186447" label="SERIES AND CHALLENGES" >
              <ds-checkbox>SERIES AND CHALLENGES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="243830" label="I NEED TO" >
              <ds-checkbox>I NEED TO</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="268309" label="QUICK FIRE" >
              <ds-checkbox>QUICK FIRE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="279663" label="PROP IT" >
              <ds-checkbox>PROP IT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="279667" label="BREATHWORK" >
              <ds-checkbox>BREATHWORK</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="274686" label="CYCLE SYNCING" >
              <ds-checkbox>CYCLE SYNCING</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="248326" label="LED BY" >
              <ds-checkbox>LED BY</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="241457" label="MOST LOVED" >
              <ds-checkbox>MOST LOVED</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194552" label="Under 20 Minutes" >
              <ds-checkbox>Under 20 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197540" label="Beginner Friendly" >
              <ds-checkbox>Beginner Friendly</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184681" label="Vinyasa" >
              <ds-checkbox>Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185269" label="Slow" >
              <ds-checkbox>Slow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185270" label="Power" >
              <ds-checkbox>Power</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186113" label="Pilates" >
              <ds-checkbox>Pilates</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="211356" label="Mat Barre" >
              <ds-checkbox>Mat Barre</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185271" label="Rest" >
              <ds-checkbox>Rest</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185272" label="Yin" >
              <ds-checkbox>Yin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186163" label="Mandala" >
              <ds-checkbox>Mandala</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186289" label="Yang Yin" >
              <ds-checkbox>Yang Yin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186422" label="Still" >
              <ds-checkbox>Still</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186436" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186444" label="Meditation" >
              <ds-checkbox>Meditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194565" label="Stretch" >
              <ds-checkbox>Stretch</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="249134" label="Strength" >
              <ds-checkbox>Strength</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186600" label="Breathwork" >
              <ds-checkbox>Breathwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="280744" label="Katonah Inspired" >
              <ds-checkbox>Katonah Inspired</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="186543" label="Pregnancy Friendly" >
              <ds-checkbox>Pregnancy Friendly</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="189795" label="Breakdown" >
              <ds-checkbox>Breakdown</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="231183" label="Nidra" >
              <ds-checkbox>Nidra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="208643" label="Live Playback" >
              <ds-checkbox>Live Playback</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="258913" label="Hatha" >
              <ds-checkbox>Hatha</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194764" label="OG Library Favourites" >
              <ds-checkbox>OG Library Favourites</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="106685" label="Amber Coleman" >
              <ds-checkbox>Amber Coleman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117235" label="Author" >
              <ds-checkbox>Author</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110168" label="Brittany McConnell" >
              <ds-checkbox>Brittany McConnell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106687" label="Caitlin Scott" >
              <ds-checkbox>Caitlin Scott</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117234" label="Darcie Webb" >
              <ds-checkbox>Darcie Webb</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116129" label="Ellen Hodges" checked>
              <ds-checkbox>Ellen Hodges</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120416" label="Eloïse Lancsweert" >
              <ds-checkbox>Eloïse Lancsweert</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110762" label="El Wilder" >
              <ds-checkbox>El Wilder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111117" label="Isobel Gosney" >
              <ds-checkbox>Isobel Gosney</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113580" label="Jade Brévi" >
              <ds-checkbox>Jade Brévi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106609" label="Jaime Hepburn" >
              <ds-checkbox>Jaime Hepburn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106679" label="Jess Hearn" >
              <ds-checkbox>Jess Hearn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120490" label="Katherine Bristow" >
              <ds-checkbox>Katherine Bristow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116134" label="Kelly Thomas" >
              <ds-checkbox>Kelly Thomas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106681" label="Mai Izumitani" >
              <ds-checkbox>Mai Izumitani</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117425" label="Maisie Kell-Stone" >
              <ds-checkbox>Maisie Kell-Stone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113132" label="March Russell" >
              <ds-checkbox>March Russell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106683" label="Maria Pacha Domínguez" >
              <ds-checkbox>Maria Pacha Domínguez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118856" label="Melise Djemal" >
              <ds-checkbox>Melise Djemal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106682" label="Nat Kunz" >
              <ds-checkbox>Nat Kunz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122523" label="Nicola-Amy" >
              <ds-checkbox>Nicola-Amy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114353" label="Ochre Seagrim" >
              <ds-checkbox>Ochre Seagrim</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116687" label="Rebekah Jade" >
              <ds-checkbox>Rebekah Jade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122522" label="Sam Jonin" >
              <ds-checkbox>Sam Jonin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106684" label="Sophie Deaks" >
              <ds-checkbox>Sophie Deaks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106680" label="Tamara Hayes Elliot" >
              <ds-checkbox>Tamara Hayes Elliot</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116689" label="Vanessa Abreu" >
              <ds-checkbox>Vanessa Abreu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117850" label="Vicky Chambers" >
              <ds-checkbox>Vicky Chambers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106686" label="Zoe Harris" >
              <ds-checkbox>Zoe Harris</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_9130" id="catalog_filter_9130" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Length: All" inner-prefix="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="45641" label="&lt; 30 minutes" >
              <ds-checkbox>&lt; 30 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45642" label="30 " >
              <ds-checkbox>30 </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45874" label="45 " >
              <ds-checkbox>45 </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45875" label="60" >
              <ds-checkbox>60</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45876" label="&gt; 60 minutes" >
              <ds-checkbox>&gt; 60 minutes</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_9181" id="catalog_filter_9181" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Level: All" inner-prefix="Level" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="46021" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46022" label="All Levels" >
              <ds-checkbox>All Levels</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46023" label="Intermediate" >
              <ds-checkbox>Intermediate</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_9183" id="catalog_filter_9183" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Mood: All" inner-prefix="Mood" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="46030" label="Strong" >
              <ds-checkbox>Strong</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46032" label="Energised" >
              <ds-checkbox>Energised</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46033" label="Chilled" >
              <ds-checkbox>Chilled</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_9182" id="catalog_filter_9182" 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="46024" label="Yoga Mat" >
              <ds-checkbox>Yoga Mat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46025" label="Blocks" >
              <ds-checkbox>Blocks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46026" label="Straps" >
              <ds-checkbox>Straps</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46027" label="Bolsters" >
              <ds-checkbox>Bolsters</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46028" label="Chair" >
              <ds-checkbox>Chair</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46029" label="Small Weights" >
              <ds-checkbox>Small Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46253" label="Resistance Bands" >
              <ds-checkbox>Resistance Bands</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46289" label="Pilates Ball" >
              <ds-checkbox>Pilates Ball</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>

