<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_4046096"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A quick, energizing morning yoga flow to wake up your body, boost focus, and start your day feeling refreshed and strong."
    data-author-title-0="Bea Whitton" data-author-permalink-0="bea-whitton"
    data-published-at="2026-02-16T12:41:05-07: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;4046096&#39;, &#39;Search Results&#39;); " href="/programs/bw010i_yogafit01_40_fs-63920b">
    <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="YogaFit" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4046096/horizontal/a42b0088-3602-4d50-888d-b4de9db5e027.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4046096/horizontal/a42b0088-3602-4d50-888d-b4de9db5e027.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4046096/horizontal/a42b0088-3602-4d50-888d-b4de9db5e027.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4046096/horizontal/a42b0088-3602-4d50-888d-b4de9db5e027.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">36:55</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="YogaFit" aria-label="YogaFit" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4046096&#39;, &#39;Search Results&#39;); " href="/programs/bw010i_yogafit01_40_fs-63920b">
    <span class="line-clamp-2">
      YogaFit
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1256843"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Connect to your infinite nature through invigorating movement, mantra, breathwork, and sound therapy."
    data-author-title-0="Sarah Kline" data-author-permalink-0="sarah-kline"
    data-published-at="2021-08-10T17:03:28-06: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;1256843&#39;, &#39;Search Results&#39;); " href="/programs/kundalini-first-sutra">
    <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="Kundalini&#39;s First Sutra" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1256843/horizontal/SK103_Kundalini_Sarah_3F7A9063_Thumb.1629303631.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1256843/horizontal/SK103_Kundalini_Sarah_3F7A9063_Thumb.1629303631.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1256843/horizontal/SK103_Kundalini_Sarah_3F7A9063_Thumb.1629303631.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1256843/horizontal/SK103_Kundalini_Sarah_3F7A9063_Thumb.1629303631.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">49:36</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="Kundalini&#39;s First Sutra" aria-label="Kundalini&#39;s First Sutra" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1256843&#39;, &#39;Search Results&#39;); " href="/programs/kundalini-first-sutra">
    <span class="line-clamp-2">
      Kundalini&#39;s First Sutra
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_846182"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Flow through hip, hamstring, and thigh opening poses to prepare you for koundinyasana variation II, an advanced arm balance."
    data-author-title-0="Adi Amar" data-author-permalink-0="adi-amar"
    data-published-at="2021-01-05T11:59:50-07: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;846182&#39;, &#39;Search Results&#39;); " href="/programs/flow-fly-koundinyasana-two">
    <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="Flow &amp; Fly! Koundinyasana II" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/846182/horizontal/6787_2Fcatalog_image_2F854983_2FHvDCfaMySadgQwqrdCSl_AA125_Adi_Kundinyasana02_IMG_6687_ThumbP.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/846182/horizontal/6787_2Fcatalog_image_2F854983_2FHvDCfaMySadgQwqrdCSl_AA125_Adi_Kundinyasana02_IMG_6687_ThumbP.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/846182/horizontal/6787_2Fcatalog_image_2F854983_2FHvDCfaMySadgQwqrdCSl_AA125_Adi_Kundinyasana02_IMG_6687_ThumbP.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/846182/horizontal/6787_2Fcatalog_image_2F854983_2FHvDCfaMySadgQwqrdCSl_AA125_Adi_Kundinyasana02_IMG_6687_ThumbP.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">51:55</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="Flow &amp; Fly! Koundinyasana II" aria-label="Flow &amp; Fly! Koundinyasana II" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;846182&#39;, &#39;Search Results&#39;); " href="/programs/flow-fly-koundinyasana-two">
    <span class="line-clamp-2">
      Flow &amp; Fly! Koundinyasana II
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_805036"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Use yoga and pranayama to align all five koshas, or layers of the self, in order to bring the body, mind and spirit into perfect harmony. "
    data-author-title-0="Neesha Zollinger" data-author-permalink-0="neesha-zollinger"
    data-published-at="2020-12-08T12:36:53-07: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;805036&#39;, &#39;Search Results&#39;); " href="/programs/collection-koshas">
    <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="Journey Through the Koshas" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/805036/horizontal/6787_2Fcatalog_image_2F805036_2FmWxDLhaqTAe4Hv2tpG7Q_MA_NZ064_Emile_Trapper_IMG_3775_Thumb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/805036/horizontal/6787_2Fcatalog_image_2F805036_2FmWxDLhaqTAe4Hv2tpG7Q_MA_NZ064_Emile_Trapper_IMG_3775_Thumb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/805036/horizontal/6787_2Fcatalog_image_2F805036_2FmWxDLhaqTAe4Hv2tpG7Q_MA_NZ064_Emile_Trapper_IMG_3775_Thumb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/805036/horizontal/6787_2Fcatalog_image_2F805036_2FmWxDLhaqTAe4Hv2tpG7Q_MA_NZ064_Emile_Trapper_IMG_3775_Thumb.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">5</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="Journey Through the Koshas" aria-label="Journey Through the Koshas" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;805036&#39;, &#39;Search Results&#39;); " href="/programs/collection-koshas">
    <span class="line-clamp-2">
      Journey Through the Koshas
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_781327"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Explore your manoamaya kosha, or mental/emotional being, with steadying, energy-releasing breathwork and asana. "
    data-author-title-0="Neesha Zollinger" data-author-permalink-0="neesha-zollinger"
    data-published-at="2020-11-25T10:42:46-07: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;781327&#39;, &#39;Search Results&#39;); " href="/programs/manomaya-kosha">
    <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="Manomaya Kosha: Steadiness &amp; Equanimity" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/781327/horizontal/6787_2Fcatalog_image_2F801323_2Fk7JGrqytRuqRYh761PBk_NZ063_Neesha_Triangle_IMG_3038_ThumbC.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/781327/horizontal/6787_2Fcatalog_image_2F801323_2Fk7JGrqytRuqRYh761PBk_NZ063_Neesha_Triangle_IMG_3038_ThumbC.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/781327/horizontal/6787_2Fcatalog_image_2F801323_2Fk7JGrqytRuqRYh761PBk_NZ063_Neesha_Triangle_IMG_3038_ThumbC.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/781327/horizontal/6787_2Fcatalog_image_2F801323_2Fk7JGrqytRuqRYh761PBk_NZ063_Neesha_Triangle_IMG_3038_ThumbC.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">01: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="Manomaya Kosha: Steadiness &amp; Equanimity" aria-label="Manomaya Kosha: Steadiness &amp; Equanimity" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;781327&#39;, &#39;Search Results&#39;); " href="/programs/manomaya-kosha">
    <span class="line-clamp-2">
      Manomaya Kosha: Steadiness &amp; Equanimity
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_751718"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This pranayama will help you ground down into yourself and the world around you, alleviating anxiety and stress."
    data-author-title-0="Adi Amar" data-author-permalink-0="adi-amar"
    data-published-at="2020-11-09T13:43:49-07: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;751718&#39;, &#39;Search Results&#39;); " href="/programs/earth-element-breath">
    <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="Activate the Earth Element: Equal Parts Breath" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/751718/horizontal/6787_2Fcatalog_image_2F776565_2FNcfiCa17SEy01JwlBrsh_AA131_Adi_HeartBreath_Prayer_IMG_7534_ThumbC.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/751718/horizontal/6787_2Fcatalog_image_2F776565_2FNcfiCa17SEy01JwlBrsh_AA131_Adi_HeartBreath_Prayer_IMG_7534_ThumbC.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/751718/horizontal/6787_2Fcatalog_image_2F776565_2FNcfiCa17SEy01JwlBrsh_AA131_Adi_HeartBreath_Prayer_IMG_7534_ThumbC.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/751718/horizontal/6787_2Fcatalog_image_2F776565_2FNcfiCa17SEy01JwlBrsh_AA131_Adi_HeartBreath_Prayer_IMG_7534_ThumbC.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:05</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Activate the Earth Element: Equal Parts Breath" aria-label="Activate the Earth Element: Equal Parts Breath" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;751718&#39;, &#39;Search Results&#39;); " href="/programs/earth-element-breath">
    <span class="line-clamp-2">
      Activate the Earth Element: Equal Parts Breath
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_720744"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Activate the ether or space element with a variation of the ujjayi breath. "
    data-author-title-0="Adi Amar" data-author-permalink-0="adi-amar"
    data-published-at="2020-10-21T10:48:47-06: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;720744&#39;, &#39;Search Results&#39;); " href="/programs/ether-element-ujjayi-breath">
    <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="Activate the Ether Element: Ujjayi Breath" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/720744/horizontal/6787_2Fcatalog_image_2F750931_2FyWYuOkGQ7OWLGI0sKFPo_AA135_Adi_UjaiiBreath_IMG_7640_Thumb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/720744/horizontal/6787_2Fcatalog_image_2F750931_2FyWYuOkGQ7OWLGI0sKFPo_AA135_Adi_UjaiiBreath_IMG_7640_Thumb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/720744/horizontal/6787_2Fcatalog_image_2F750931_2FyWYuOkGQ7OWLGI0sKFPo_AA135_Adi_UjaiiBreath_IMG_7640_Thumb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/720744/horizontal/6787_2Fcatalog_image_2F750931_2FyWYuOkGQ7OWLGI0sKFPo_AA135_Adi_UjaiiBreath_IMG_7640_Thumb.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: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="Activate the Ether Element: Ujjayi Breath" aria-label="Activate the Ether Element: Ujjayi Breath" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;720744&#39;, &#39;Search Results&#39;); " href="/programs/ether-element-ujjayi-breath">
    <span class="line-clamp-2">
      Activate the Ether Element: Ujjayi Breath
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_720737"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Activate the calming qualities of the air element with deep diaphragmatic breathing. "
    data-author-title-0="Adi Amar" data-author-permalink-0="adi-amar"
    data-published-at="2020-10-21T10:47:04-06: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;720737&#39;, &#39;Search Results&#39;); " href="/programs/air-breath">
    <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="Activate the Air Element: Diaphragmatic Breath" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/720737/horizontal/6787_2Fcatalog_image_2F750925_2FBdXv3YsIRrC2hHe7CT5r_AA134_Adi_DeepBreath_IMG_7603_Thumb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/720737/horizontal/6787_2Fcatalog_image_2F750925_2FBdXv3YsIRrC2hHe7CT5r_AA134_Adi_DeepBreath_IMG_7603_Thumb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/720737/horizontal/6787_2Fcatalog_image_2F750925_2FBdXv3YsIRrC2hHe7CT5r_AA134_Adi_DeepBreath_IMG_7603_Thumb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/720737/horizontal/6787_2Fcatalog_image_2F750925_2FBdXv3YsIRrC2hHe7CT5r_AA134_Adi_DeepBreath_IMG_7603_Thumb.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:47</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="Activate the Air Element: Diaphragmatic Breath" aria-label="Activate the Air Element: Diaphragmatic Breath" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;720737&#39;, &#39;Search Results&#39;); " href="/programs/air-breath">
    <span class="line-clamp-2">
      Activate the Air Element: Diaphragmatic Breath
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_685417"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Take a break from your desk and connect to gratitude and mindful movement. "
    data-author-title-0="Nikki Beck" data-author-permalink-0="nikki-beck"
    data-published-at="2020-09-29T10:59:36-06: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;685417&#39;, &#39;Search Results&#39;); " href="/programs/midday-boost">
    <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="15 Minute Midday Boost" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/685417/horizontal/6787_2Fcatalog_image_2F722336_2FrYwdHicxRjueuMBLx533_NB038_Nikki_Mate_Warrior2_IMG_1934_ThumbC.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/685417/horizontal/6787_2Fcatalog_image_2F722336_2FrYwdHicxRjueuMBLx533_NB038_Nikki_Mate_Warrior2_IMG_1934_ThumbC.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/685417/horizontal/6787_2Fcatalog_image_2F722336_2FrYwdHicxRjueuMBLx533_NB038_Nikki_Mate_Warrior2_IMG_1934_ThumbC.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/685417/horizontal/6787_2Fcatalog_image_2F722336_2FrYwdHicxRjueuMBLx533_NB038_Nikki_Mate_Warrior2_IMG_1934_ThumbC.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:11</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="15 Minute Midday Boost" aria-label="15 Minute Midday Boost" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;685417&#39;, &#39;Search Results&#39;); " href="/programs/midday-boost">
    <span class="line-clamp-2">
      15 Minute Midday Boost
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_172247"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn this simple breathing technique to calm a busy mind and cleanse negative thought patterns. "
    data-author-title-0="Mona Godfrey" data-author-permalink-0="mona-godfrey"
    data-published-at="2019-08-03T15:28:48-06: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;172247&#39;, &#39;Search Results&#39;); " href="/programs/pranayama-reset">
    <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="Pranayama Reset" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/172247/horizontal/V4H72h3jQ0CHxbazISyM_MG040_Jess_5R0A9703_SM.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/172247/horizontal/V4H72h3jQ0CHxbazISyM_MG040_Jess_5R0A9703_SM.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/172247/horizontal/V4H72h3jQ0CHxbazISyM_MG040_Jess_5R0A9703_SM.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/172247/horizontal/V4H72h3jQ0CHxbazISyM_MG040_Jess_5R0A9703_SM.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">11:30</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="Pranayama Reset" aria-label="Pranayama Reset" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;172247&#39;, &#39;Search Results&#39;); " href="/programs/pranayama-reset">
    <span class="line-clamp-2">
      Pranayama Reset
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_172192"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Travel can leave you feeling ungrounded and off center. Use Mona&#39;s short sequence to drop the stress and drop in."
    data-author-title-0="Mona Godfrey" data-author-permalink-0="mona-godfrey"
    data-published-at="2019-08-03T15:23:23-06: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;172192&#39;, &#39;Search Results&#39;); " href="/programs/drop-stress-during-travel">
    <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="Drop Stress During Travel" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/172192/horizontal/qh2OviPqQgi9czuWOSBG_MG036_Mona_5R0A9210_Thumb_BC.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/172192/horizontal/qh2OviPqQgi9czuWOSBG_MG036_Mona_5R0A9210_Thumb_BC.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/172192/horizontal/qh2OviPqQgi9czuWOSBG_MG036_Mona_5R0A9210_Thumb_BC.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/172192/horizontal/qh2OviPqQgi9czuWOSBG_MG036_Mona_5R0A9210_Thumb_BC.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: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="Drop Stress During Travel" aria-label="Drop Stress During Travel" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;172192&#39;, &#39;Search Results&#39;); " href="/programs/drop-stress-during-travel">
    <span class="line-clamp-2">
      Drop Stress During Travel
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_171528"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This slow flow prepares the hips and spine for the Nadi Shodhana breath and connects you to a sense of inner wellbeing and balance."
    data-author-title-0="Adi Amar" data-author-permalink-0="adi-amar"
    data-published-at="2019-08-03T12:27:09-06: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;171528&#39;, &#39;Search Results&#39;); " href="/programs/yoga-for-wellbeing">
    <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="Yoga for Wellbeing" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/171528/horizontal/YogaToday-AA034-thumbnail.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/171528/horizontal/YogaToday-AA034-thumbnail.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/171528/horizontal/YogaToday-AA034-thumbnail.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/171528/horizontal/YogaToday-AA034-thumbnail.jpeg?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">37:10</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="Yoga for Wellbeing" aria-label="Yoga for Wellbeing" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;171528&#39;, &#39;Search Results&#39;); " href="/programs/yoga-for-wellbeing">
    <span class="line-clamp-2">
      Yoga for Wellbeing
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value="breathwork"
  
  clearable
  autofocus
  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 md:group-[.filters-short-variant]:hidden">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class=""
    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>
</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="18203" label="New and Popular Classes" >
              <ds-checkbox>New and Popular Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18226" label="Meet the YogaToday Authors and Instructors" >
              <ds-checkbox>Meet the YogaToday Authors and Instructors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="16734" label="Series" >
              <ds-checkbox>Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18201" label="Calm the Mind" >
              <ds-checkbox>Calm the Mind</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20086" label="Quick Classes" >
              <ds-checkbox>Quick Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18008" label="Conditioning" >
              <ds-checkbox>Conditioning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18245" label="Self Massage" >
              <ds-checkbox>Self Massage</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17110" label="Mental Wellness" >
              <ds-checkbox>Mental Wellness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18009" label="Detox" >
              <ds-checkbox>Detox</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17107" label="Energizing" >
              <ds-checkbox>Energizing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18007" label="Vinyasa" >
              <ds-checkbox>Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="16733" label="Meditation" >
              <ds-checkbox>Meditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="16727" label="For the Family" >
              <ds-checkbox>For the Family</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18004" label="Pilates" >
              <ds-checkbox>Pilates</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23783" label="Knee and Joint Strength" >
              <ds-checkbox>Knee and Joint Strength</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18202" label="Beginner&#39;s Yoga" >
              <ds-checkbox>Beginner&#39;s Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18018" label="Classes for Men" >
              <ds-checkbox>Classes for Men</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18013" label="Back Relief" >
              <ds-checkbox>Back Relief</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18204" label="Advanced Yoga" >
              <ds-checkbox>Advanced Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18006" label="Kundalini" >
              <ds-checkbox>Kundalini</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="94977" label="Yin Yoga" >
              <ds-checkbox>Yin Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18003" label="Hatha Blend" >
              <ds-checkbox>Hatha Blend</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18288" label="Chair Yoga" >
              <ds-checkbox>Chair Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17102" label="Ashtanga" >
              <ds-checkbox>Ashtanga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17109" label="Restorative" >
              <ds-checkbox>Restorative</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17108" label="Prana Flow" >
              <ds-checkbox>Prana Flow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18005" label="Yoga Sculpt" >
              <ds-checkbox>Yoga Sculpt</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18284" label="Yoga Nidra" >
              <ds-checkbox>Yoga Nidra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22110" label="The Lost YogaToday Archives" >
              <ds-checkbox>The Lost YogaToday Archives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18244" label="Pranayama" >
              <ds-checkbox>Pranayama</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18179" label="Poses" >
              <ds-checkbox>Poses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18289" label="Athlete Training" >
              <ds-checkbox>Athlete Training</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18012" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17105" label="Core" >
              <ds-checkbox>Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17103" label="Backbends" >
              <ds-checkbox>Backbends</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17100" label="Arm Balance" >
              <ds-checkbox>Arm Balance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17112" label="Upper Body" >
              <ds-checkbox>Upper Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17114" label="Inversions" >
              <ds-checkbox>Inversions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17115" label="Seated" >
              <ds-checkbox>Seated</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17116" label="Standing" >
              <ds-checkbox>Standing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17117" label="Twists" >
              <ds-checkbox>Twists</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17118" label="Forward Bends" >
              <ds-checkbox>Forward Bends</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18014" label="Heart Opening" >
              <ds-checkbox>Heart Opening</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18015" label="Hip Opening" >
              <ds-checkbox>Hip Opening</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18016" label="Lower Body" >
              <ds-checkbox>Lower Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18017" label="Neck &amp; Shoulder" >
              <ds-checkbox>Neck &amp; Shoulder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="17111" label="Sculpting" >
              <ds-checkbox>Sculpting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18010" label="Refine" >
              <ds-checkbox>Refine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18011" label="Restore" >
              <ds-checkbox>Restore</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20004" label="Yoga For Travelers" >
              <ds-checkbox>Yoga For Travelers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38664" label="Weight Loss" >
              <ds-checkbox>Weight Loss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="63559" label="21 Day Meditation Journey" >
              <ds-checkbox>21 Day Meditation Journey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="104379" label="Short YogaToday Trailers" >
              <ds-checkbox>Short YogaToday Trailers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="265384" label="Draft Category 1" >
              <ds-checkbox>Draft Category 1</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="6152" label="Adi Amar" >
              <ds-checkbox>Adi Amar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6154" label="Amanda Botur" >
              <ds-checkbox>Amanda Botur</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6443" label="Bea Whitton" >
              <ds-checkbox>Bea Whitton</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40813" label="Camai Brandenberg" >
              <ds-checkbox>Camai Brandenberg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27060" label="Devin Bailey" >
              <ds-checkbox>Devin Bailey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6444" label="Grace Dubery" >
              <ds-checkbox>Grace Dubery</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6442" label="Guest Instructor" >
              <ds-checkbox>Guest Instructor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40836" label="Liza Colpa" >
              <ds-checkbox>Liza Colpa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6156" label="Mona Godfrey" >
              <ds-checkbox>Mona Godfrey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6153" label="Neesha Zollinger" >
              <ds-checkbox>Neesha Zollinger</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6441" label="Nikki Beck" >
              <ds-checkbox>Nikki Beck</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6158" label="Sara Clark" >
              <ds-checkbox>Sara Clark</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6157" label="Sarah Kline" >
              <ds-checkbox>Sarah Kline</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6155" label="Simon Park" >
              <ds-checkbox>Simon Park</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_302" id="catalog_filter_302" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Style: All" inner-prefix="Style" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1782" label="Anusara" >
              <ds-checkbox>Anusara</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1783" label="Ashtanga " >
              <ds-checkbox>Ashtanga </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1784" label="Hatha Blend" >
              <ds-checkbox>Hatha Blend</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1785" label="Kundalini" >
              <ds-checkbox>Kundalini</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1786" label="Meditation  " >
              <ds-checkbox>Meditation  </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1787" label="Pilates" >
              <ds-checkbox>Pilates</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1788" label="Prana Flow" >
              <ds-checkbox>Prana Flow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1789" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1790" label="Restorative" >
              <ds-checkbox>Restorative</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1791" label="Vinyasa" >
              <ds-checkbox>Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1792" label="Yoga Sculpt" >
              <ds-checkbox>Yoga Sculpt</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1793" label="Pranayama" >
              <ds-checkbox>Pranayama</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1794" label="Self Massage" >
              <ds-checkbox>Self Massage</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1795" label="Chair Yoga" >
              <ds-checkbox>Chair Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1796" label="Yin Yoga" >
              <ds-checkbox>Yin Yoga</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_300" id="catalog_filter_300" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Class Length: All" inner-prefix="Class Length" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1769" label="0 - 15" >
              <ds-checkbox>0 - 15</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1770" label="16 - 30" >
              <ds-checkbox>16 - 30</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1771" label="31 - 45" >
              <ds-checkbox>31 - 45</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1772" label="46 +" >
              <ds-checkbox>46 +</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_299" id="catalog_filter_299" 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="1765" label="All Levels" >
              <ds-checkbox>All Levels</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1766" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1767" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1768" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_301" id="catalog_filter_301" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Target Area: All" inner-prefix="Target Area" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1773" label="Back" >
              <ds-checkbox>Back</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1774" label="Core" >
              <ds-checkbox>Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1775" label="Heart Opening" >
              <ds-checkbox>Heart Opening</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1776" label="Hips" >
              <ds-checkbox>Hips</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1777" label="Lower Body" >
              <ds-checkbox>Lower Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1778" label="Mental Health" >
              <ds-checkbox>Mental Health</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1779" label="Neck &amp; Shoulder" >
              <ds-checkbox>Neck &amp; Shoulder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1780" label="Upper Body" >
              <ds-checkbox>Upper Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1781" label="Full Body" >
              <ds-checkbox>Full Body</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 bg-ds-default hover:bg-ds-overlay text-ds-default px-4 py-2"
          data-action="click->accordion#toggle click->catalog-filters#toggleAllFilters" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="mr-3">
  <path d="M10 0H8V2H0V4H8V6H10V0Z" fill="currentColor"></path>
  <path d="M18 2H12V4H18V2Z" fill="currentColor"></path>
  <path d="M6 8V10H18V8H6Z" fill="currentColor"></path>
  <path d="M14 14H18V16H14V17C14 17.5523 13.5523 18 13 18C12.4477 18 12 17.5523 12 17V13C12 12.4477 12.4477 12 13 12C13.5523 12 14 12.4477 14 13V14Z" fill="currentColor"></path>
  <path d="M0 8H2V6H4V12H2V10H0V8Z" fill="currentColor"></path>
  <path d="M10 14H0V16H10V14Z" fill="currentColor"></path>
</svg>

    Filters
  </button>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_search"><template>
  <div class="search-area w-36 md:w-48 relative bg-ds-default text-ds-default border px-4 py-2 box-content rounded-ds-1 border-ds-default" id="catalog_filter_search">
  <input type="text" name="search" id="search" value="breathwork" placeholder="Search..." data-controller="autofocus" data-catalog-filters-target="search" data-action="keydown-&gt;catalog-filters#search" class="outline-none border-none focus:shadow-transparent focus:ring-transparent p-0 max-w-full placeholder:text-ds-muted" />
    <span class="absolute inset-y-0 right-0 flex items-center pl-2">
      <button type="button" data-test="search-input-clear-button" data-catalog-filters-target="resetSearch" class="p-1 mr-3 focus:outline-none outline-none" data-action="click->catalog-filters#resetSearch">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-gray-500">
<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>

      </button>
    </span>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="themeless_catalog_filter_search"><template>
  <ds-input
  name="search"
  placeholder="Search videos"
  value="breathwork"
  
  clearable
  autofocus
  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>

</template></turbo-stream>