<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="live_event_4160234"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara from 12-2:30pm PT and flow through 108 sun salutations in honor of Summer Solstice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-20T12:46:03-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;live_event&#39;, &#39;4160234&#39;, &#39;Search Results&#39;); " href="/programs/live-june-21">
    <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="Sunday, June 21st, 12pm PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4160234/horizontal/36d936ee-00b2-4060-859a-3acabd2a3335.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4160234/horizontal/36d936ee-00b2-4060-859a-3acabd2a3335.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4160234/horizontal/36d936ee-00b2-4060-859a-3acabd2a3335.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4160234/horizontal/36d936ee-00b2-4060-859a-3acabd2a3335.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782068400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Sunday, June 21st, 12pm PT - LIVESTREAM" aria-label="Sunday, June 21st, 12pm PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4160234&#39;, &#39;Search Results&#39;); " href="/programs/live-june-21">
    <span class="line-clamp-2">
      Sunday, June 21st, 12pm PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4156146"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute slow flow yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-17T16:24:17-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;4156146&#39;, &#39;Search Results&#39;); " href="/programs/friday-april-17th-replay">
    <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="Friday, April 17 - REPLAY" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4156146/horizontal/cc5d3552-7050-40bf-9074-f0bbd586c953.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4156146/horizontal/cc5d3552-7050-40bf-9074-f0bbd586c953.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4156146/horizontal/cc5d3552-7050-40bf-9074-f0bbd586c953.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4156146/horizontal/cc5d3552-7050-40bf-9074-f0bbd586c953.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">59:08</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="Friday, April 17 - REPLAY" aria-label="Friday, April 17 - REPLAY" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4156146&#39;, &#39;Search Results&#39;); " href="/programs/friday-april-17th-replay">
    <span class="line-clamp-2">
      Friday, April 17 - REPLAY
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4153270"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="An energizing vinyasa to shake off the workday—build core heat, open shoulders, and explore handstand with supportive options."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-16T07:14:01-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;4153270&#39;, &#39;Search Results&#39;); " href="/programs/lets-get-light-vinyasa">
    <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="Let&#39;s Get Light! (56-min) Vinyasa" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4153270/horizontal/565823da-6a50-4d08-a303-1c0b4eff1f41.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4153270/horizontal/565823da-6a50-4d08-a303-1c0b4eff1f41.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4153270/horizontal/565823da-6a50-4d08-a303-1c0b4eff1f41.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4153270/horizontal/565823da-6a50-4d08-a303-1c0b4eff1f41.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">56:01</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="Let&#39;s Get Light! (56-min) Vinyasa" aria-label="Let&#39;s Get Light! (56-min) Vinyasa" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4153270&#39;, &#39;Search Results&#39;); " href="/programs/lets-get-light-vinyasa">
    <span class="line-clamp-2">
      Let&#39;s Get Light! (56-min) Vinyasa
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4148438"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-12T16:56:32-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;live_event&#39;, &#39;4148438&#39;, &#39;Search Results&#39;); " href="/programs/live-june-30">
    <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="Tuesday, June 30th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148438/horizontal/4291db87-531f-4197-8c3f-267700d7c576.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148438/horizontal/4291db87-531f-4197-8c3f-267700d7c576.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148438/horizontal/4291db87-531f-4197-8c3f-267700d7c576.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148438/horizontal/4291db87-531f-4197-8c3f-267700d7c576.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782838800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, June 30th, 10am PT - ZOOM" aria-label="Tuesday, June 30th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4148438&#39;, &#39;Search Results&#39;); " href="/programs/live-june-30">
    <span class="line-clamp-2">
      Tuesday, June 30th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4148436"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-12T16:54:47-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;live_event&#39;, &#39;4148436&#39;, &#39;Search Results&#39;); " href="/programs/live-june-23">
    <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="Tuesday, June 23rd, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148436/horizontal/754dfc59-907b-442e-ab00-dde73bdd0c6a.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148436/horizontal/754dfc59-907b-442e-ab00-dde73bdd0c6a.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148436/horizontal/754dfc59-907b-442e-ab00-dde73bdd0c6a.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148436/horizontal/754dfc59-907b-442e-ab00-dde73bdd0c6a.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782234000"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, June 23rd, 10am PT - ZOOM" aria-label="Tuesday, June 23rd, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4148436&#39;, &#39;Search Results&#39;); " href="/programs/live-june-23">
    <span class="line-clamp-2">
      Tuesday, June 23rd, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4148433"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-12T16:52:30-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;live_event&#39;, &#39;4148433&#39;, &#39;Search Results&#39;); " href="/programs/live-june-16">
    <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="Tuesday, June 16th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148433/horizontal/5afc7588-edeb-474c-8538-41c84f42aad6.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148433/horizontal/5afc7588-edeb-474c-8538-41c84f42aad6.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148433/horizontal/5afc7588-edeb-474c-8538-41c84f42aad6.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148433/horizontal/5afc7588-edeb-474c-8538-41c84f42aad6.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781629200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, June 16th, 10am PT - ZOOM" aria-label="Tuesday, June 16th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4148433&#39;, &#39;Search Results&#39;); " href="/programs/live-june-16">
    <span class="line-clamp-2">
      Tuesday, June 16th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4148426"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-12T16:48:27-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;live_event&#39;, &#39;4148426&#39;, &#39;Search Results&#39;); " href="/programs/live-june-9">
    <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="Tuesday, June 9th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148426/horizontal/c400e7a7-466f-45c4-961e-42562b227a50.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148426/horizontal/c400e7a7-466f-45c4-961e-42562b227a50.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148426/horizontal/c400e7a7-466f-45c4-961e-42562b227a50.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148426/horizontal/c400e7a7-466f-45c4-961e-42562b227a50.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781024400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, June 9th, 10am PT - ZOOM" aria-label="Tuesday, June 9th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4148426&#39;, &#39;Search Results&#39;); " href="/programs/live-june-9">
    <span class="line-clamp-2">
      Tuesday, June 9th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4148421"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-12T16:42:18-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;live_event&#39;, &#39;4148421&#39;, &#39;Search Results&#39;); " href="/programs/live-june-2">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Tuesday, June 2nd, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148421/horizontal/924a0218-e192-4e2c-b6cc-c3626751dc9b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148421/horizontal/924a0218-e192-4e2c-b6cc-c3626751dc9b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148421/horizontal/924a0218-e192-4e2c-b6cc-c3626751dc9b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148421/horizontal/924a0218-e192-4e2c-b6cc-c3626751dc9b.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1780419600"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, June 2nd, 10am PT - ZOOM" aria-label="Tuesday, June 2nd, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4148421&#39;, &#39;Search Results&#39;); " href="/programs/live-june-2">
    <span class="line-clamp-2">
      Tuesday, June 2nd, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4145698"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2026-04-10T11:48:06-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;4145698&#39;, &#39;Search Results&#39;); " href="/programs/longer-clara-promo_final-c83b4e">
    <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="Clara Roberts-Oss Promotional Video - Longer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4145698/horizontal/39e43a83-09ce-437b-b546-54af4951b124.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4145698/horizontal/39e43a83-09ce-437b-b546-54af4951b124.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4145698/horizontal/39e43a83-09ce-437b-b546-54af4951b124.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4145698/horizontal/39e43a83-09ce-437b-b546-54af4951b124.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:28</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Clara Roberts-Oss Promotional Video - Longer" aria-label="Clara Roberts-Oss Promotional Video - Longer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4145698&#39;, &#39;Search Results&#39;); " href="/programs/longer-clara-promo_final-c83b4e">
    <span class="line-clamp-2">
      Clara Roberts-Oss Promotional Video - Longer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4137556"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-08T08:05:28-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;4137556&#39;, &#39;Search Results&#39;); " href="/programs/dreaming-sleeping-awakening-yin">
    <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="Dreaming, Sleeping, Awakening (68-min) Yin" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4137556/horizontal/3730b5c5-7e58-4f1d-99e0-8bc4b5598d99.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4137556/horizontal/3730b5c5-7e58-4f1d-99e0-8bc4b5598d99.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4137556/horizontal/3730b5c5-7e58-4f1d-99e0-8bc4b5598d99.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4137556/horizontal/3730b5c5-7e58-4f1d-99e0-8bc4b5598d99.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">01:07:48</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="Dreaming, Sleeping, Awakening (68-min) Yin" aria-label="Dreaming, Sleeping, Awakening (68-min) Yin" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4137556&#39;, &#39;Search Results&#39;); " href="/programs/dreaming-sleeping-awakening-yin">
    <span class="line-clamp-2">
      Dreaming, Sleeping, Awakening (68-min) Yin
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130995"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:29:01-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;live_event&#39;, &#39;4130995&#39;, &#39;Search Results&#39;); " href="/programs/live-june-26">
    <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="Friday, June 26th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130995/horizontal/4334a3db-4599-40fe-bc40-4d6061530d3e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130995/horizontal/4334a3db-4599-40fe-bc40-4d6061530d3e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130995/horizontal/4334a3db-4599-40fe-bc40-4d6061530d3e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130995/horizontal/4334a3db-4599-40fe-bc40-4d6061530d3e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782493200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, June 26th, 10am PT - LIVESTREAM" aria-label="Friday, June 26th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130995&#39;, &#39;Search Results&#39;); " href="/programs/live-june-26">
    <span class="line-clamp-2">
      Friday, June 26th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130993"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:27: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;live_event&#39;, &#39;4130993&#39;, &#39;Search Results&#39;); " href="/programs/live-june-19">
    <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="Friday, June 19th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130993/horizontal/12c6fb85-18ff-4ddc-b2d4-b8ac04a527fe.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130993/horizontal/12c6fb85-18ff-4ddc-b2d4-b8ac04a527fe.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130993/horizontal/12c6fb85-18ff-4ddc-b2d4-b8ac04a527fe.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130993/horizontal/12c6fb85-18ff-4ddc-b2d4-b8ac04a527fe.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781888400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, June 19th, 10am PT - LIVESTREAM" aria-label="Friday, June 19th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130993&#39;, &#39;Search Results&#39;); " href="/programs/live-june-19">
    <span class="line-clamp-2">
      Friday, June 19th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130989"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:25: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;live_event&#39;, &#39;4130989&#39;, &#39;Search Results&#39;); " href="/programs/live-june-12">
    <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="Friday, June 12th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130989/horizontal/9686794e-2324-49ed-b3d6-d660c8d9f5d2.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130989/horizontal/9686794e-2324-49ed-b3d6-d660c8d9f5d2.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130989/horizontal/9686794e-2324-49ed-b3d6-d660c8d9f5d2.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130989/horizontal/9686794e-2324-49ed-b3d6-d660c8d9f5d2.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781283600"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, June 12th, 10am PT - LIVESTREAM" aria-label="Friday, June 12th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130989&#39;, &#39;Search Results&#39;); " href="/programs/live-june-12">
    <span class="line-clamp-2">
      Friday, June 12th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130988"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:24:33-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;live_event&#39;, &#39;4130988&#39;, &#39;Search Results&#39;); " href="/programs/live-june-5">
    <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="Friday, June 5th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130988/horizontal/9db82f35-936a-4b4c-a98a-180420365a56.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130988/horizontal/9db82f35-936a-4b4c-a98a-180420365a56.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130988/horizontal/9db82f35-936a-4b4c-a98a-180420365a56.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130988/horizontal/9db82f35-936a-4b4c-a98a-180420365a56.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1780678800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, June 5th, 10am PT - LIVESTREAM" aria-label="Friday, June 5th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130988&#39;, &#39;Search Results&#39;); " href="/programs/live-june-5">
    <span class="line-clamp-2">
      Friday, June 5th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130986"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:21:25-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;live_event&#39;, &#39;4130986&#39;, &#39;Search Results&#39;); " href="/programs/live-june-27">
    <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="Saturday, June 27th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130986/horizontal/0bfda082-f4a9-4f07-b32c-d56a63338fa8.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130986/horizontal/0bfda082-f4a9-4f07-b32c-d56a63338fa8.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130986/horizontal/0bfda082-f4a9-4f07-b32c-d56a63338fa8.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130986/horizontal/0bfda082-f4a9-4f07-b32c-d56a63338fa8.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782576000"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, June 27th, 9am PT - ZOOM" aria-label="Saturday, June 27th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130986&#39;, &#39;Search Results&#39;); " href="/programs/live-june-27">
    <span class="line-clamp-2">
      Saturday, June 27th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130983"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:19:28-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;live_event&#39;, &#39;4130983&#39;, &#39;Search Results&#39;); " href="/programs/live-june-20">
    <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="Saturday, June 20th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130983/horizontal/6182b8a1-d589-4059-b379-ac714ea2927f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130983/horizontal/6182b8a1-d589-4059-b379-ac714ea2927f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130983/horizontal/6182b8a1-d589-4059-b379-ac714ea2927f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130983/horizontal/6182b8a1-d589-4059-b379-ac714ea2927f.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781971200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, June 20th, 9am PT - ZOOM" aria-label="Saturday, June 20th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130983&#39;, &#39;Search Results&#39;); " href="/programs/live-june-20">
    <span class="line-clamp-2">
      Saturday, June 20th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130974"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:12:59-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;live_event&#39;, &#39;4130974&#39;, &#39;Search Results&#39;); " href="/programs/live-june-13">
    <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="Saturday, June 13th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130974/horizontal/8a70d7ef-79d2-4b87-879a-fe23625ae4b7.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130974/horizontal/8a70d7ef-79d2-4b87-879a-fe23625ae4b7.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130974/horizontal/8a70d7ef-79d2-4b87-879a-fe23625ae4b7.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130974/horizontal/8a70d7ef-79d2-4b87-879a-fe23625ae4b7.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781366400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, June 13th, 9am PT - ZOOM" aria-label="Saturday, June 13th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130974&#39;, &#39;Search Results&#39;); " href="/programs/live-june-13">
    <span class="line-clamp-2">
      Saturday, June 13th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4130973"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 90-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T14:10:35-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;live_event&#39;, &#39;4130973&#39;, &#39;Search Results&#39;); " href="/programs/live-june-6">
    <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="Saturday, June 6th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130973/horizontal/6c4eb923-a75d-4d36-97b7-ec6d95fd477a.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130973/horizontal/6c4eb923-a75d-4d36-97b7-ec6d95fd477a.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130973/horizontal/6c4eb923-a75d-4d36-97b7-ec6d95fd477a.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130973/horizontal/6c4eb923-a75d-4d36-97b7-ec6d95fd477a.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1780761600"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, June 6th, 9am PT - ZOOM" aria-label="Saturday, June 6th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4130973&#39;, &#39;Search Results&#39;); " href="/programs/live-june-6">
    <span class="line-clamp-2">
      Saturday, June 6th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4130623"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T10:25:32-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;4130623&#39;, &#39;Search Results&#39;); " href="/programs/hatha-30-40-minute">
    <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=" Hatha Yoga 30-40 Minutes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130623/horizontal/ee568037-6178-431c-88d3-94b327d19087.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130623/horizontal/ee568037-6178-431c-88d3-94b327d19087.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130623/horizontal/ee568037-6178-431c-88d3-94b327d19087.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130623/horizontal/ee568037-6178-431c-88d3-94b327d19087.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">
      <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">1</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=" Hatha Yoga 30-40 Minutes" aria-label=" Hatha Yoga 30-40 Minutes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4130623&#39;, &#39;Search Results&#39;); " href="/programs/hatha-30-40-minute">
    <span class="line-clamp-2">
       Hatha Yoga 30-40 Minutes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4130606"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-02T10:22:55-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;4130606&#39;, &#39;Search Results&#39;); " href="/programs/hatha-50-90-minutes">
    <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="Hatha Yoga 50-90 Minutes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130606/horizontal/dd81f0f9-3bcd-4715-a32b-8257e21e44d4.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130606/horizontal/dd81f0f9-3bcd-4715-a32b-8257e21e44d4.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130606/horizontal/dd81f0f9-3bcd-4715-a32b-8257e21e44d4.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130606/horizontal/dd81f0f9-3bcd-4715-a32b-8257e21e44d4.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">
      <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">2</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="Hatha Yoga 50-90 Minutes" aria-label="Hatha Yoga 50-90 Minutes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4130606&#39;, &#39;Search Results&#39;); " href="/programs/hatha-50-90-minutes">
    <span class="line-clamp-2">
      Hatha Yoga 50-90 Minutes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4127008"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Slow flow inspired by air and water. Open shoulders, chest, and hips through fluid movement, core work, and a grounding close."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-04-01T04:00:01-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;4127008&#39;, &#39;Search Results&#39;); " href="/programs/berlin-slow-flow">
    <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="Berlin (58-min) Slow Flow" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4127008/horizontal/7751818a-5c47-45f7-ad23-cd0bf65b564c.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4127008/horizontal/7751818a-5c47-45f7-ad23-cd0bf65b564c.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4127008/horizontal/7751818a-5c47-45f7-ad23-cd0bf65b564c.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4127008/horizontal/7751818a-5c47-45f7-ad23-cd0bf65b564c.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">57:48</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="Berlin (58-min) Slow Flow" aria-label="Berlin (58-min) Slow Flow" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4127008&#39;, &#39;Search Results&#39;); " href="/programs/berlin-slow-flow">
    <span class="line-clamp-2">
      Berlin (58-min) Slow Flow
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4115410"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="9-day mantra sadhana blending sound and movement to build daily ritual, focus the mind, shift energy, and reconnect within."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-25T18:43:27-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;4115410&#39;, &#39;Search Results&#39;); " href="/programs/resonance-a-mantra-series">
    <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="Resonance: A Mantra Series" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4115410/horizontal/2dc05af5-4273-41a6-826b-7dbb23bc958a.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4115410/horizontal/2dc05af5-4273-41a6-826b-7dbb23bc958a.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4115410/horizontal/2dc05af5-4273-41a6-826b-7dbb23bc958a.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4115410/horizontal/2dc05af5-4273-41a6-826b-7dbb23bc958a.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</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="Resonance: A Mantra Series" aria-label="Resonance: A Mantra Series" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4115410&#39;, &#39;Search Results&#39;); " href="/programs/resonance-a-mantra-series">
    <span class="line-clamp-2">
      Resonance: A Mantra Series
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4114495"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Spring Equinox hatha inspired by Saraswati—mantra, breathwork, and a mandala flow to open the pelvis, ending with restorative poses."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-27T05:00:00-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;4114495&#39;, &#39;Search Results&#39;); " href="/programs/seed-of-possibility-hatha">
    <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="Seed Of Possibility (59-min) Hatha" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4114495/horizontal/e9927b95-a4ee-48b2-aa29-3502bcff8e92.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4114495/horizontal/e9927b95-a4ee-48b2-aa29-3502bcff8e92.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4114495/horizontal/e9927b95-a4ee-48b2-aa29-3502bcff8e92.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4114495/horizontal/e9927b95-a4ee-48b2-aa29-3502bcff8e92.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">58:41</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="Seed Of Possibility (59-min) Hatha" aria-label="Seed Of Possibility (59-min) Hatha" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4114495&#39;, &#39;Search Results&#39;); " href="/programs/seed-of-possibility-hatha">
    <span class="line-clamp-2">
      Seed Of Possibility (59-min) Hatha
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4114494"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Fiery hatha to clear stagnation, move emotions, and ignite inner energy—breathwork, strength, and meditation to open heart and awareness."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-25T06:31:56-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;4114494&#39;, &#39;Search Results&#39;); " href="/programs/anger-hath">
    <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="Anger (59-min) Hatha" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4114494/horizontal/6bfac58f-354b-4fc7-8cea-18a36d4bc4c4.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4114494/horizontal/6bfac58f-354b-4fc7-8cea-18a36d4bc4c4.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4114494/horizontal/6bfac58f-354b-4fc7-8cea-18a36d4bc4c4.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4114494/horizontal/6bfac58f-354b-4fc7-8cea-18a36d4bc4c4.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">59:18</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="Anger (59-min) Hatha" aria-label="Anger (59-min) Hatha" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4114494&#39;, &#39;Search Results&#39;); " href="/programs/anger-hath">
    <span class="line-clamp-2">
      Anger (59-min) Hatha
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113928"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara and the community for a 60-minute livestream Mother&#39;s Day Goddess yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T13:06:34-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;live_event&#39;, &#39;4113928&#39;, &#39;Search Results&#39;); " href="/programs/live-may-10">
    <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="Sunday, May 10th, 9am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113928/horizontal/f5045b0a-c3d7-46c2-85bf-5e93435c1b1f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113928/horizontal/f5045b0a-c3d7-46c2-85bf-5e93435c1b1f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113928/horizontal/f5045b0a-c3d7-46c2-85bf-5e93435c1b1f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113928/horizontal/f5045b0a-c3d7-46c2-85bf-5e93435c1b1f.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778428800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Sunday, May 10th, 9am PT - LIVESTREAM" aria-label="Sunday, May 10th, 9am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113928&#39;, &#39;Search Results&#39;); " href="/programs/live-may-10">
    <span class="line-clamp-2">
      Sunday, May 10th, 9am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113915"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T13:02:29-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;live_event&#39;, &#39;4113915&#39;, &#39;Search Results&#39;); " href="/programs/live-may-29">
    <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="Friday, May 29th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113915/horizontal/d2103fbb-ea58-4c26-9617-e0da221a968b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113915/horizontal/d2103fbb-ea58-4c26-9617-e0da221a968b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113915/horizontal/d2103fbb-ea58-4c26-9617-e0da221a968b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113915/horizontal/d2103fbb-ea58-4c26-9617-e0da221a968b.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1780074000"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, May 29th, 10am PT - LIVESTREAM" aria-label="Friday, May 29th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113915&#39;, &#39;Search Results&#39;); " href="/programs/live-may-29">
    <span class="line-clamp-2">
      Friday, May 29th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113914"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T13:01:19-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;live_event&#39;, &#39;4113914&#39;, &#39;Search Results&#39;); " href="/programs/live-may-22">
    <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="Friday, May 22nd, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113914/horizontal/7fbfb0d2-f657-4d30-a896-7d0ea85dcc68.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113914/horizontal/7fbfb0d2-f657-4d30-a896-7d0ea85dcc68.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113914/horizontal/7fbfb0d2-f657-4d30-a896-7d0ea85dcc68.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113914/horizontal/7fbfb0d2-f657-4d30-a896-7d0ea85dcc68.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1779469200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, May 22nd, 10am PT - LIVESTREAM" aria-label="Friday, May 22nd, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113914&#39;, &#39;Search Results&#39;); " href="/programs/live-may-22">
    <span class="line-clamp-2">
      Friday, May 22nd, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113913"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T13:00:17-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;live_event&#39;, &#39;4113913&#39;, &#39;Search Results&#39;); " href="/programs/live-may-15">
    <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="Friday, May 15th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113913/horizontal/b34155a2-5aec-4fc1-9a2b-145cf10801c7.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113913/horizontal/b34155a2-5aec-4fc1-9a2b-145cf10801c7.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113913/horizontal/b34155a2-5aec-4fc1-9a2b-145cf10801c7.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113913/horizontal/b34155a2-5aec-4fc1-9a2b-145cf10801c7.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778864400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, May 15th, 10am PT - LIVESTREAM" aria-label="Friday, May 15th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113913&#39;, &#39;Search Results&#39;); " href="/programs/live-may-15">
    <span class="line-clamp-2">
      Friday, May 15th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113910"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:59:07-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;live_event&#39;, &#39;4113910&#39;, &#39;Search Results&#39;); " href="/programs/live-may-8">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Friday, May 8th, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113910/horizontal/fd731692-dd9d-4c33-86f7-1c1dd411b066.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113910/horizontal/fd731692-dd9d-4c33-86f7-1c1dd411b066.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113910/horizontal/fd731692-dd9d-4c33-86f7-1c1dd411b066.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113910/horizontal/fd731692-dd9d-4c33-86f7-1c1dd411b066.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778259600"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, May 8th, 10am PT - LIVESTREAM" aria-label="Friday, May 8th, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113910&#39;, &#39;Search Results&#39;); " href="/programs/live-may-8">
    <span class="line-clamp-2">
      Friday, May 8th, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113909"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute livestream yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:57: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;live_event&#39;, &#39;4113909&#39;, &#39;Search Results&#39;); " href="/programs/live-may-1">
    <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="Friday, May 1st, 10am PT - LIVESTREAM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113909/horizontal/68d0f04b-c354-41e4-9e5c-e508263f70f0.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113909/horizontal/68d0f04b-c354-41e4-9e5c-e508263f70f0.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113909/horizontal/68d0f04b-c354-41e4-9e5c-e508263f70f0.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113909/horizontal/68d0f04b-c354-41e4-9e5c-e508263f70f0.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1777654800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Friday, May 1st, 10am PT - LIVESTREAM" aria-label="Friday, May 1st, 10am PT - LIVESTREAM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113909&#39;, &#39;Search Results&#39;); " href="/programs/live-may-1">
    <span class="line-clamp-2">
      Friday, May 1st, 10am PT - LIVESTREAM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113908"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:56:17-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;live_event&#39;, &#39;4113908&#39;, &#39;Search Results&#39;); " href="/programs/live-may-30">
    <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="Saturday, May 30th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113908/horizontal/a2ce688d-5e0c-4df6-94b4-24103f0d48fa.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113908/horizontal/a2ce688d-5e0c-4df6-94b4-24103f0d48fa.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113908/horizontal/a2ce688d-5e0c-4df6-94b4-24103f0d48fa.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113908/horizontal/a2ce688d-5e0c-4df6-94b4-24103f0d48fa.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1780156800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, May 30th, 9am PT - ZOOM" aria-label="Saturday, May 30th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113908&#39;, &#39;Search Results&#39;); " href="/programs/live-may-30">
    <span class="line-clamp-2">
      Saturday, May 30th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113906"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:54:14-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;live_event&#39;, &#39;4113906&#39;, &#39;Search Results&#39;); " href="/programs/live-may-23">
    <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="Saturday, May 23rd, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113906/horizontal/65dd2de8-b3b0-47b6-864b-74f29bfaa5b2.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113906/horizontal/65dd2de8-b3b0-47b6-864b-74f29bfaa5b2.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113906/horizontal/65dd2de8-b3b0-47b6-864b-74f29bfaa5b2.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113906/horizontal/65dd2de8-b3b0-47b6-864b-74f29bfaa5b2.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1779552000"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, May 23rd, 9am PT - ZOOM" aria-label="Saturday, May 23rd, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113906&#39;, &#39;Search Results&#39;); " href="/programs/live-may-23">
    <span class="line-clamp-2">
      Saturday, May 23rd, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113903"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:52:09-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;live_event&#39;, &#39;4113903&#39;, &#39;Search Results&#39;); " href="/programs/live-may-16">
    <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="Saturday, May 16th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113903/horizontal/ecbab198-d8dd-4efb-babe-51fd74a1c63f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113903/horizontal/ecbab198-d8dd-4efb-babe-51fd74a1c63f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113903/horizontal/ecbab198-d8dd-4efb-babe-51fd74a1c63f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113903/horizontal/ecbab198-d8dd-4efb-babe-51fd74a1c63f.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778947200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, May 16th, 9am PT - ZOOM" aria-label="Saturday, May 16th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113903&#39;, &#39;Search Results&#39;); " href="/programs/live-may-16">
    <span class="line-clamp-2">
      Saturday, May 16th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113896"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:46:06-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;live_event&#39;, &#39;4113896&#39;, &#39;Search Results&#39;); " href="/programs/live-may-9">
    <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="Saturday, May 9th, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113896/horizontal/d31cccab-0145-4450-9b79-ca40c53508d9.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113896/horizontal/d31cccab-0145-4450-9b79-ca40c53508d9.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113896/horizontal/d31cccab-0145-4450-9b79-ca40c53508d9.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113896/horizontal/d31cccab-0145-4450-9b79-ca40c53508d9.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778342400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, May 9th, 9am PT - ZOOM" aria-label="Saturday, May 9th, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113896&#39;, &#39;Search Results&#39;); " href="/programs/live-may-9">
    <span class="line-clamp-2">
      Saturday, May 9th, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113892"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 90-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:42:02-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;live_event&#39;, &#39;4113892&#39;, &#39;Search Results&#39;); " href="/programs/live-may-2">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Saturday, May 2nd, 9am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113892/horizontal/46d35289-9e62-410a-ba31-07081c20ea70.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113892/horizontal/46d35289-9e62-410a-ba31-07081c20ea70.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113892/horizontal/46d35289-9e62-410a-ba31-07081c20ea70.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113892/horizontal/46d35289-9e62-410a-ba31-07081c20ea70.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1777737600"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Saturday, May 2nd, 9am PT - ZOOM" aria-label="Saturday, May 2nd, 9am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113892&#39;, &#39;Search Results&#39;); " href="/programs/live-may-2">
    <span class="line-clamp-2">
      Saturday, May 2nd, 9am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113889"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:35:59-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;live_event&#39;, &#39;4113889&#39;, &#39;Search Results&#39;); " href="/programs/live-may-26">
    <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="Tuesday, May 26th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113889/horizontal/242c9957-5ced-4a34-a552-9655f2ad57e0.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113889/horizontal/242c9957-5ced-4a34-a552-9655f2ad57e0.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113889/horizontal/242c9957-5ced-4a34-a552-9655f2ad57e0.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113889/horizontal/242c9957-5ced-4a34-a552-9655f2ad57e0.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1779814800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, May 26th, 10am PT - ZOOM" aria-label="Tuesday, May 26th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113889&#39;, &#39;Search Results&#39;); " href="/programs/live-may-26">
    <span class="line-clamp-2">
      Tuesday, May 26th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113887"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:33:48-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;live_event&#39;, &#39;4113887&#39;, &#39;Search Results&#39;); " href="/programs/live-may-19">
    <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="Tuesday, May 19th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113887/horizontal/e7affccc-32ee-462b-954b-c48f7233eace.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113887/horizontal/e7affccc-32ee-462b-954b-c48f7233eace.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113887/horizontal/e7affccc-32ee-462b-954b-c48f7233eace.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113887/horizontal/e7affccc-32ee-462b-954b-c48f7233eace.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1779210000"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, May 19th, 10am PT - ZOOM" aria-label="Tuesday, May 19th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113887&#39;, &#39;Search Results&#39;); " href="/programs/live-may-19">
    <span class="line-clamp-2">
      Tuesday, May 19th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113883"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:31:14-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;live_event&#39;, &#39;4113883&#39;, &#39;Search Results&#39;); " href="/programs/live-may-12">
    <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="Tuesday, May 12th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113883/horizontal/ffdbf653-f81a-421c-930b-bf0ec4044f7b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113883/horizontal/ffdbf653-f81a-421c-930b-bf0ec4044f7b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113883/horizontal/ffdbf653-f81a-421c-930b-bf0ec4044f7b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113883/horizontal/ffdbf653-f81a-421c-930b-bf0ec4044f7b.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778605200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, May 12th, 10am PT - ZOOM" aria-label="Tuesday, May 12th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113883&#39;, &#39;Search Results&#39;); " href="/programs/live-may-12">
    <span class="line-clamp-2">
      Tuesday, May 12th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="live_event_4113880"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Clara for a 60-minute zoom yoga practice."
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-24T12:27: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;live_event&#39;, &#39;4113880&#39;, &#39;Search Results&#39;); " href="/programs/live-may-5">
    <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="Tuesday, May 5th, 10am PT - ZOOM" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113880/horizontal/2bdd598d-8a8e-44e9-bb73-dfb74245de9e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113880/horizontal/2bdd598d-8a8e-44e9-bb73-dfb74245de9e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113880/horizontal/2bdd598d-8a8e-44e9-bb73-dfb74245de9e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113880/horizontal/2bdd598d-8a8e-44e9-bb73-dfb74245de9e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1778000400"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="Tuesday, May 5th, 10am PT - ZOOM" aria-label="Tuesday, May 5th, 10am PT - ZOOM" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;live_event&#39;, &#39;4113880&#39;, &#39;Search Results&#39;); " href="/programs/live-may-5">
    <span class="line-clamp-2">
      Tuesday, May 5th, 10am PT - ZOOM
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4100593"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Clara Roberts-Oss" data-author-permalink-0="clara-roberts-oss"
    data-published-at="2026-03-17T01:03:00-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;4100593&#39;, &#39;Search Results&#39;); " href="/programs/teacher-training">
    <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="300-Hour Yoga Teacher Training with Clara Roberts-Oss" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4100593/horizontal/2b2f0749-732d-40f4-9103-0f36e2688f34.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4100593/horizontal/2b2f0749-732d-40f4-9103-0f36e2688f34.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4100593/horizontal/2b2f0749-732d-40f4-9103-0f36e2688f34.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4100593/horizontal/2b2f0749-732d-40f4-9103-0f36e2688f34.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:00</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="300-Hour Yoga Teacher Training with Clara Roberts-Oss" aria-label="300-Hour Yoga Teacher Training with Clara Roberts-Oss" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4100593&#39;, &#39;Search Results&#39;); " href="/programs/teacher-training">
    <span class="line-clamp-2">
      300-Hour Yoga Teacher Training with Clara Roberts-Oss
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream><turbo-stream action="after" target="catalog_content"><template>
  <turbo-frame loading="lazy" id="catalog_content_page_2" src="/catalog/search?action=search&amp;controller=storefront%2Fcatalogs&amp;custom_fields%5Bcustom_field_2768%5D=9&amp;format=turbo_stream&amp;page=2" target="_top"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end 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="57049" label="Start Here" >
              <ds-checkbox>Start Here</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27593" label="New This Week!" >
              <ds-checkbox>New This Week!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="93413" label="Live Yoga Classes" >
              <ds-checkbox>Live Yoga Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="188847" label="NEW to Practice with Clara? ⭐️ Start Here!" >
              <ds-checkbox>NEW to Practice with Clara? ⭐️ Start Here!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72086" label="Featured Collections" >
              <ds-checkbox>Featured Collections</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="203054" label="Featured Teacher" >
              <ds-checkbox>Featured Teacher</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="244397" label="Most Popular: Classes Favorited By You!" >
              <ds-checkbox>Most Popular: Classes Favorited By You!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72083" label="Clara&#39;s Monthly Yoga Class Picks!" >
              <ds-checkbox>Clara&#39;s Monthly Yoga Class Picks!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106964" label="Subtle Body Collections" >
              <ds-checkbox>Subtle Body Collections</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="276429" label="Philosophy" >
              <ds-checkbox>Philosophy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111788" label="Train With Clara" >
              <ds-checkbox>Train With Clara</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="264885" label="Yoga Programs | Earn CE Credits" >
              <ds-checkbox>Yoga Programs | Earn CE Credits</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="126483" label="For the Seekers Playlist" >
              <ds-checkbox>For the Seekers Playlist</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="25043" label="Prenatal Yoga Collection | Trimesters 1-4" >
              <ds-checkbox>Prenatal Yoga Collection | Trimesters 1-4</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="235736" label="Yoga Challenges" >
              <ds-checkbox>Yoga Challenges</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="235737" label="CE Credited Courses for Yoga Teachers" >
              <ds-checkbox>CE Credited Courses for Yoga Teachers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="245871" label="Live Yoga Classes (for testing)" >
              <ds-checkbox>Live Yoga Classes (for testing)</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="115211" label="Cindy Stockdale" >
              <ds-checkbox>Cindy Stockdale</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9159" label="Clara Roberts-Oss" >
              <ds-checkbox>Clara Roberts-Oss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111467" label="Irene Sanchez-Celis" >
              <ds-checkbox>Irene Sanchez-Celis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123380" label="Lyndsey-Kate Campbell" >
              <ds-checkbox>Lyndsey-Kate Campbell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109037" label="Seraphina Dawn" >
              <ds-checkbox>Seraphina Dawn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118900" label="Vela Canta" >
              <ds-checkbox>Vela Canta</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_490" id="catalog_filter_490" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Family of Poses: All" inner-prefix="Family of Poses" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2868" label="Backbending" >
              <ds-checkbox>Backbending</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2869" label="Arm balancing" >
              <ds-checkbox>Arm balancing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2870" label="Inversions" >
              <ds-checkbox>Inversions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2871" label="Hip Openers" >
              <ds-checkbox>Hip Openers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2872" label="Twists" >
              <ds-checkbox>Twists</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2873" label="Core" >
              <ds-checkbox>Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2874" label="Relaxation" >
              <ds-checkbox>Relaxation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2875" label="Leg Balancing" >
              <ds-checkbox>Leg Balancing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45609" label="Whole Body" >
              <ds-checkbox>Whole Body</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_489" id="catalog_filter_489" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Body Focus: All" inner-prefix="Body Focus" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2863" label="Wrist-Free" >
              <ds-checkbox>Wrist-Free</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2864" label="Shoulders" >
              <ds-checkbox>Shoulders</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2865" label="Hamstrings" >
              <ds-checkbox>Hamstrings</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2866" label="Hip Flexor" >
              <ds-checkbox>Hip Flexor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2867" label="Low Back" >
              <ds-checkbox>Low Back</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_487" id="catalog_filter_487" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Length: All" inner-prefix="Length" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2855" label="Less than 10 Min" >
              <ds-checkbox>Less than 10 Min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2856" label="10-20 Min" >
              <ds-checkbox>10-20 Min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2857" label="20-30 Min" >
              <ds-checkbox>20-30 Min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2858" label="30-40 Min" >
              <ds-checkbox>30-40 Min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2859" label="40-50 Min" >
              <ds-checkbox>40-50 Min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2860" label="50-90 Min" >
              <ds-checkbox>50-90 Min</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_488" id="catalog_filter_488" 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="2861" label="Open" >
              <ds-checkbox>Open</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2862" label="Intermediate/Advanced" >
              <ds-checkbox>Intermediate/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_491" id="catalog_filter_491" 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="2876" label="Vinyasa" >
              <ds-checkbox>Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2877" label="Hatha" >
              <ds-checkbox>Hatha</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2878" label="Meditation" >
              <ds-checkbox>Meditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2879" label="Restorative - Yin" >
              <ds-checkbox>Restorative - Yin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2880" label="Slow Flow" >
              <ds-checkbox>Slow Flow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2881" label="Lila Flow" >
              <ds-checkbox>Lila Flow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2882" label="Core" >
              <ds-checkbox>Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38204" label="Pranayama" >
              <ds-checkbox>Pranayama</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38205" label="Mantra" >
              <ds-checkbox>Mantra</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_7526" id="catalog_filter_7526" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Class Type: All" inner-prefix="Class Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="38207" label="Recorded Live" >
              <ds-checkbox>Recorded Live</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38208" label="Pre-Recorded" >
              <ds-checkbox>Pre-Recorded</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38209" label="Audio-Only" >
              <ds-checkbox>Audio-Only</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>

