<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_3050341"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Avec Charlotte et Shandra, partez à la rencontre des sorcières et dégustez leur fameuse soupe à la sorcière!
Une séance épique et ludique..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:56:04+02: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;3050341&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-chez-les-sorcieres-charlotte-pegurier">
    <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="Chez les sorcières" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050341/horizontal/5a4329e1-878d-4528-9228-2c4e1e0f9afb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050341/horizontal/5a4329e1-878d-4528-9228-2c4e1e0f9afb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050341/horizontal/5a4329e1-878d-4528-9228-2c4e1e0f9afb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050341/horizontal/5a4329e1-878d-4528-9228-2c4e1e0f9afb.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">19: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="Chez les sorcières" aria-label="Chez les sorcières" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050341&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-chez-les-sorcieres-charlotte-pegurier">
    <span class="line-clamp-2">
      Chez les sorcières
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050340"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Charlotte et Shandra vous emmènent en vacances à la mer! Venez rencontrer de nombreux animaux marins, puis vous détendre comme une étoile..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:59+02: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;3050340&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-vacances-a-la-mer-charlotte-pegurier">
    <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="Vacances à la mer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050340/horizontal/a3dafba2-6e39-48ba-9b9b-4ad673a9604b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050340/horizontal/a3dafba2-6e39-48ba-9b9b-4ad673a9604b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050340/horizontal/a3dafba2-6e39-48ba-9b9b-4ad673a9604b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050340/horizontal/a3dafba2-6e39-48ba-9b9b-4ad673a9604b.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">22:33</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="Vacances à la mer" aria-label="Vacances à la mer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050340&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-vacances-a-la-mer-charlotte-pegurier">
    <span class="line-clamp-2">
      Vacances à la mer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050339"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Charlotte et Shandra vous emmènent en week-end à la campagne! Une séance parent-enfant très ludique.
4-8 ans"
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:55+02: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;3050339&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-week-end-a-la-campagne-charlotte-pegurier">
    <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="Un week-end à la campagne" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050339/horizontal/f8575e16-be68-4e0c-aaf8-6b9f9814ff44.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050339/horizontal/f8575e16-be68-4e0c-aaf8-6b9f9814ff44.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050339/horizontal/f8575e16-be68-4e0c-aaf8-6b9f9814ff44.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050339/horizontal/f8575e16-be68-4e0c-aaf8-6b9f9814ff44.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">31:07</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="Un week-end à la campagne" aria-label="Un week-end à la campagne" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050339&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-week-end-a-la-campagne-charlotte-pegurier">
    <span class="line-clamp-2">
      Un week-end à la campagne
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050338"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Comme vous, votre enfant a des journées bien remplies et très fatigantes à l&#39;école. Voici une séance toute douce, pour l&#39;aider à se relax..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:51+02: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;3050338&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-detente-et-auto-massage-apres-l-ecole-charlotte-pegurier">
    <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="Détente et auto-massage après l&#39;école" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050338/horizontal/12654e8a-1315-438e-a0ee-4eec4af6f4b5.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050338/horizontal/12654e8a-1315-438e-a0ee-4eec4af6f4b5.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050338/horizontal/12654e8a-1315-438e-a0ee-4eec4af6f4b5.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050338/horizontal/12654e8a-1315-438e-a0ee-4eec4af6f4b5.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">16: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="Détente et auto-massage après l&#39;école" aria-label="Détente et auto-massage après l&#39;école" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050338&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-detente-et-auto-massage-apres-l-ecole-charlotte-pegurier">
    <span class="line-clamp-2">
      Détente et auto-massage après l&#39;école
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050337"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Charlotte vous propose une relaxation à faire au lit à l&#39;heure du coucher pour aider votre enfant à s&#39;endromir facilement et faire de bea..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:46+02: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;3050337&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-relaxation-pour-s-endormir-charlotte-pegurier">
    <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="Relaxation pour aider votre enfant à s&#39;endormir" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050337/horizontal/8aea910a-e747-4e99-ae74-d70b8d7c50f7.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050337/horizontal/8aea910a-e747-4e99-ae74-d70b8d7c50f7.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050337/horizontal/8aea910a-e747-4e99-ae74-d70b8d7c50f7.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050337/horizontal/8aea910a-e747-4e99-ae74-d70b8d7c50f7.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">08:40</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="Relaxation pour aider votre enfant à s&#39;endormir" aria-label="Relaxation pour aider votre enfant à s&#39;endormir" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050337&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-relaxation-pour-s-endormir-charlotte-pegurier">
    <span class="line-clamp-2">
      Relaxation pour aider votre enfant à s&#39;endormir
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050336"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Dans cette séance, Charlotte vous montre comment aider votre enfant à réveiller sa force et son courage avec Tarzan, Superman, les guerri..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:42+02: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;3050336&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-reveille-ta-force-et-ton-courage-charlotte-pegurier">
    <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="Réveiller la force et le courage" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050336/horizontal/5b6672e7-a2dd-4bde-9a1f-9803577f7683.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050336/horizontal/5b6672e7-a2dd-4bde-9a1f-9803577f7683.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050336/horizontal/5b6672e7-a2dd-4bde-9a1f-9803577f7683.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050336/horizontal/5b6672e7-a2dd-4bde-9a1f-9803577f7683.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">27:02</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="Réveiller la force et le courage" aria-label="Réveiller la force et le courage" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050336&#39;, &#39;Search Results&#39;); " href="/programs/yoga-enfants-reveille-ta-force-et-ton-courage-charlotte-pegurier">
    <span class="line-clamp-2">
      Réveiller la force et le courage
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3050335"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Votre enfant est énervé ou fatigué en rentrant de l&#39;école? Venez bouger avec lui avec cette petite séance, pensée pour évacuer les tensio..."
    data-author-title-0="Charlotte Pégurier" data-author-permalink-0="charlotte-pegurier-yoga-en-ligne"
    data-published-at="2024-06-07T00:55:38+02: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;3050335&#39;, &#39;Search Results&#39;); " href="/programs/yoga-pour-enfants-liberer-les-tensions-apres-l-ecole-charlotte-pegurier">
    <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="Libérer les tensions après l&#39;école" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3050335/horizontal/0c13d45e-513a-4ed5-bcbe-838e813eceed.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3050335/horizontal/0c13d45e-513a-4ed5-bcbe-838e813eceed.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3050335/horizontal/0c13d45e-513a-4ed5-bcbe-838e813eceed.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3050335/horizontal/0c13d45e-513a-4ed5-bcbe-838e813eceed.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">19: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="Libérer les tensions après l&#39;école" aria-label="Libérer les tensions après l&#39;école" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3050335&#39;, &#39;Search Results&#39;); " href="/programs/yoga-pour-enfants-liberer-les-tensions-apres-l-ecole-charlotte-pegurier">
    <span class="line-clamp-2">
      Libérer les tensions après l&#39;école
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Rechercher des vidéos"
  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">Afficher les filtres</span>
      <span class="hidden md:group-[.filters-active]:block">Fermer les filtres</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">Réinitialiser les filtres (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="Catégorie: Tout" inner-prefix="Catégorie" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="225543" label="Avril sur CasaYoga.tv" >
              <ds-checkbox>Avril sur CasaYoga.tv</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="229854" label="Mars sur CasaYoga.tv" >
              <ds-checkbox>Mars sur CasaYoga.tv</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205220" label="Débuter le Yoga" >
              <ds-checkbox>Débuter le Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205217" label="Séances courtes du matin" >
              <ds-checkbox>Séances courtes du matin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205218" label="Détente de fin de journée" >
              <ds-checkbox>Détente de fin de journée</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209415" label="Yoga pour le dos et les articulations" >
              <ds-checkbox>Yoga pour le dos et les articulations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="231689" label="Yoga &amp; Renforcement Musculaire" >
              <ds-checkbox>Yoga &amp; Renforcement Musculaire</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209604" label="Bien dormir" >
              <ds-checkbox>Bien dormir</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="253968" label="Yoga Senior" >
              <ds-checkbox>Yoga Senior</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="212913" label="Tous les Programmes Yoga" >
              <ds-checkbox>Tous les Programmes Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205222" label="Toutes les sélections Yoga" >
              <ds-checkbox>Toutes les sélections Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="199314" label="Yoga et Ayurveda" >
              <ds-checkbox>Yoga et Ayurveda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="212906" label="Yoga détox" >
              <ds-checkbox>Yoga détox</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209602" label="Yoga des éléments" >
              <ds-checkbox>Yoga des éléments</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205219" label="Approfondir votre pratique du Yoga" >
              <ds-checkbox>Approfondir votre pratique du Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205368" label="Longues séances de Yoga" >
              <ds-checkbox>Longues séances de Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209622" label="Yoga au féminin" >
              <ds-checkbox>Yoga au féminin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="221420" label="Tous les articles" >
              <ds-checkbox>Tous les articles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="222039" label="Cours en Live" >
              <ds-checkbox>Cours en Live</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="207734" label="Enseignants invités" >
              <ds-checkbox>Enseignants invités</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205024" label="Yoga prénatal et postnatal" >
              <ds-checkbox>Yoga prénatal et postnatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205221" label="Yoga pour Enfants" >
              <ds-checkbox>Yoga pour Enfants</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205223" label="Vos questions Yoga" >
              <ds-checkbox>Vos questions Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205224" label="Support" >
              <ds-checkbox>Support</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="205216" label="Essentiels" >
              <ds-checkbox>Essentiels</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="216818" label="Vinyasa" >
              <ds-checkbox>Vinyasa</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="Auteur: Tout" inner-prefix="Auteur" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="110134" label="Avec Delphine Denis" >
              <ds-checkbox>Avec Delphine Denis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110385" label="B Anastasia Tikhonova" >
              <ds-checkbox>B Anastasia Tikhonova</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110170" label="Benoît Le Gourriérec" >
              <ds-checkbox>Benoît Le Gourriérec</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110384" label="Charlotte Pégurier" >
              <ds-checkbox>Charlotte Pégurier</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110137" label="Delphine Martin-michaud" >
              <ds-checkbox>Delphine Martin-michaud</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110136" label="Diane Duhamel" >
              <ds-checkbox>Diane Duhamel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110383" label="Elodie Caillaud" >
              <ds-checkbox>Elodie Caillaud</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110172" label="Élodie Prou" >
              <ds-checkbox>Élodie Prou</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110380" label="Emma Ford" >
              <ds-checkbox>Emma Ford</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110138" label="Juliette De Cointet" >
              <ds-checkbox>Juliette De Cointet</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110171" label="Laure Pépin" >
              <ds-checkbox>Laure Pépin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110381" label="Sandra Bourdeaux" >
              <ds-checkbox>Sandra Bourdeaux</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110382" label="Sandra Crosasso" >
              <ds-checkbox>Sandra Crosasso</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110135" label="Tatiana Elle" >
              <ds-checkbox>Tatiana Elle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110141" label="Valentine Peltier" >
              <ds-checkbox>Valentine Peltier</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_9971" id="catalog_filter_9971" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Style: Tout" inner-prefix="Style" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51675" label="Hatha Yoga dynamique" >
              <ds-checkbox>Hatha Yoga dynamique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51676" label="Hatha Yoga doux / Somatique" >
              <ds-checkbox>Hatha Yoga doux / Somatique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51677" label="Méditation" >
              <ds-checkbox>Méditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51678" label="Ayurveda" >
              <ds-checkbox>Ayurveda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55238" label="Articles de blog" >
              <ds-checkbox>Articles de blog</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51679" label="Restorative yoga" >
              <ds-checkbox>Restorative yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51680" label="Yoga Nidra" >
              <ds-checkbox>Yoga Nidra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51681" label="Yin Yoga" >
              <ds-checkbox>Yin Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51682" label="Yoga Vinyasa" >
              <ds-checkbox>Yoga Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51683" label="Pranayama" >
              <ds-checkbox>Pranayama</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51684" label="Prénatal" >
              <ds-checkbox>Prénatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51685" label="Postnatal" >
              <ds-checkbox>Postnatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51686" label="Yoga de la femme" >
              <ds-checkbox>Yoga de la femme</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51687" label="Yoga enfants" checked>
              <ds-checkbox>Yoga enfants</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51688" label="Présentations" >
              <ds-checkbox>Présentations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51689" label="Techniques du yoga" >
              <ds-checkbox>Techniques du yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51690" label="Alignement" >
              <ds-checkbox>Alignement</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_10330" id="catalog_filter_10330" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Durée: Tout" inner-prefix="Durée" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="59139" label="15 mn ou moins" >
              <ds-checkbox>15 mn ou moins</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59134" label="20 mn" >
              <ds-checkbox>20 mn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51637" label="30 mn" >
              <ds-checkbox>30 mn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51667" label="45 mn" >
              <ds-checkbox>45 mn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59128" label="1 heure" >
              <ds-checkbox>1 heure</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51668" label="1 h 30 mn" >
              <ds-checkbox>1 h 30 mn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51636" label="Présentations toutes durées" >
              <ds-checkbox>Présentations toutes durées</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_10331" id="catalog_filter_10331" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Niveau: Tout" inner-prefix="Niveau" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51638" label="Débutant" >
              <ds-checkbox>Débutant</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51639" label="Pour tous" >
              <ds-checkbox>Pour tous</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51665" label="Intermédiaire" >
              <ds-checkbox>Intermédiaire</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51666" label="Avancé" >
              <ds-checkbox>Avancé</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_10332" id="catalog_filter_10332" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Intensité: Tout" inner-prefix="Intensité" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51640" label="Yoga dynamique" >
              <ds-checkbox>Yoga dynamique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51641" label="Yoga doux" >
              <ds-checkbox>Yoga doux</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51691" label="Relaxation &amp; méditation" >
              <ds-checkbox>Relaxation &amp; méditation</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_10333" id="catalog_filter_10333" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Matériel: Tout" inner-prefix="Matériel" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51643" label="Tapis de yoga" >
              <ds-checkbox>Tapis de yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51644" label="Tapis de yoga et brique" >
              <ds-checkbox>Tapis de yoga et brique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51670" label="Tapis de yoga et sangle" >
              <ds-checkbox>Tapis de yoga et sangle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51671" label="Tapis de Yoga, brique et sangle" >
              <ds-checkbox>Tapis de Yoga, brique et sangle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51672" label="Tapis de Yoga, brique, sangle et bolster" >
              <ds-checkbox>Tapis de Yoga, brique, sangle et bolster</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51673" label="Tapis de Yoga, brique et bolster" >
              <ds-checkbox>Tapis de Yoga, brique et bolster</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51674" label="Tapis de Yoga et bolster" >
              <ds-checkbox>Tapis de Yoga et bolster</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_10335" id="catalog_filter_10335" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Moment: Tout" inner-prefix="Moment" select-all-label="Tout" count-selected-label="{count} sélectionné(s)" searchable search-placeholder="Recherche...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51648" label="Idéalement en début de journée / Dynamisant" >
              <ds-checkbox>Idéalement en début de journée / Dynamisant</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51662" label="A tout moment" >
              <ds-checkbox>A tout moment</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51663" label="Avant de se coucher" >
              <ds-checkbox>Avant de se coucher</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>

    Supprimer les filtres
  </button>

</template></turbo-stream>

