<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="y18o-485AF7OTLJNRHk6rWvnh2G8X_wJKsLHBq_LcwcqrGsdJPuGd6Mq90r3_ngJN1zx8EwmL_Og4ssxPkrBFA" /></head><body><turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="video_3974804"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3974804"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="1"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Meet Mia! The STEM Kids Clubhouse is evolving with new episodes, new quests, and more fun learning ahead."
    data-author-title-0="Mia" data-author-permalink-0="Mia-STEM-Kids-Clubhouse"
    data-published-at="2026-01-07T12:39:31-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/meet-mia-stem-kids-clubhouse">
    <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="Meet Mia: A New Chapter in the STEM Kids Clubhouse" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3974804/horizontal/48d2668e-6339-40a3-a7ed-160b02bd72e5.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3974804/horizontal/48d2668e-6339-40a3-a7ed-160b02bd72e5.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3974804/horizontal/48d2668e-6339-40a3-a7ed-160b02bd72e5.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3974804/horizontal/48d2668e-6339-40a3-a7ed-160b02bd72e5.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">00:37</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Meet Mia: A New Chapter in the STEM Kids Clubhouse" aria-label="Meet Mia: A New Chapter in the STEM Kids Clubhouse" href="/programs/meet-mia-stem-kids-clubhouse">
    <span class="line-clamp-2">
      Meet Mia: A New Chapter in the STEM Kids Clubhouse
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075962"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075962"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="2"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Teach kids about the shape of a circle with this fun upbeat song!
"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-25T22:24:01-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/circle-song-for-kids">
    <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="Circle Song! Learn Circle Shapes with Bo the Blue Bot" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075962/horizontal/6709c94f-933c-4bbc-8c30-f6d121b642a6.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075962/horizontal/6709c94f-933c-4bbc-8c30-f6d121b642a6.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075962/horizontal/6709c94f-933c-4bbc-8c30-f6d121b642a6.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075962/horizontal/6709c94f-933c-4bbc-8c30-f6d121b642a6.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">01:15</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Circle Song! Learn Circle Shapes with Bo the Blue Bot" aria-label="Circle Song! Learn Circle Shapes with Bo the Blue Bot" href="/programs/circle-song-for-kids">
    <span class="line-clamp-2">
      Circle Song! Learn Circle Shapes with Bo the Blue Bot
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075961"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075961"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="3"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T22:58:20-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/counting-1-to-10-song">
    <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="Counting 1-10 Song! Count &amp; Sing with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075961/horizontal/23179739-67da-4e20-944f-8defcb580ea5.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075961/horizontal/23179739-67da-4e20-944f-8defcb580ea5.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075961/horizontal/23179739-67da-4e20-944f-8defcb580ea5.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075961/horizontal/23179739-67da-4e20-944f-8defcb580ea5.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:40</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Counting 1-10 Song! Count &amp; Sing with Bo the Blue Bot!" aria-label="Counting 1-10 Song! Count &amp; Sing with Bo the Blue Bot!" href="/programs/counting-1-to-10-song">
    <span class="line-clamp-2">
      Counting 1-10 Song! Count &amp; Sing with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075960"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075960"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="4"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T22:59:23-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/triangle-song-for-kids">
    <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="Triangle Song Dance Party with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/fallback/horizontal_default.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/fallback/horizontal_default.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/fallback/horizontal_default.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/fallback/horizontal_default.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:39</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Triangle Song Dance Party with Bo the Blue Bot!" aria-label="Triangle Song Dance Party with Bo the Blue Bot!" href="/programs/triangle-song-for-kids">
    <span class="line-clamp-2">
      Triangle Song Dance Party with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075957"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075957"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="5"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:01:51-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/cube-3d-shapes-song-for-kids">
    <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="It&#39;s Called a Cube! 3D Shapes Song with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075957/horizontal/43eb06b7-5c19-4cd9-a806-9d09a26fed25.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075957/horizontal/43eb06b7-5c19-4cd9-a806-9d09a26fed25.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075957/horizontal/43eb06b7-5c19-4cd9-a806-9d09a26fed25.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075957/horizontal/43eb06b7-5c19-4cd9-a806-9d09a26fed25.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">04:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="It&#39;s Called a Cube! 3D Shapes Song with Bo the Blue Bot!" aria-label="It&#39;s Called a Cube! 3D Shapes Song with Bo the Blue Bot!" href="/programs/cube-3d-shapes-song-for-kids">
    <span class="line-clamp-2">
      It&#39;s Called a Cube! 3D Shapes Song with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075956"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075956"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="6"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:03:28-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/mothers-day-song-for-kids">
    <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="Mother&#39;s Day Dance Party!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075956/horizontal/187a988c-cefc-4627-bae4-afffc8310294.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075956/horizontal/187a988c-cefc-4627-bae4-afffc8310294.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075956/horizontal/187a988c-cefc-4627-bae4-afffc8310294.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075956/horizontal/187a988c-cefc-4627-bae4-afffc8310294.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:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Mother&#39;s Day Dance Party!" aria-label="Mother&#39;s Day Dance Party!" href="/programs/mothers-day-song-for-kids">
    <span class="line-clamp-2">
      Mother&#39;s Day Dance Party!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075955"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075955"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="7"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:05:06-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/rectangle-song-for-kids">
    <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="Rectangle Song! Sing the Rectangle Shuffle with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075955/horizontal/d4954e9a-dcf3-4981-9066-9fdb3371ccc0.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075955/horizontal/d4954e9a-dcf3-4981-9066-9fdb3371ccc0.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075955/horizontal/d4954e9a-dcf3-4981-9066-9fdb3371ccc0.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075955/horizontal/d4954e9a-dcf3-4981-9066-9fdb3371ccc0.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: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Rectangle Song! Sing the Rectangle Shuffle with Bo the Blue Bot!" aria-label="Rectangle Song! Sing the Rectangle Shuffle with Bo the Blue Bot!" href="/programs/rectangle-song-for-kids">
    <span class="line-clamp-2">
      Rectangle Song! Sing the Rectangle Shuffle with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075954"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075954"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="8"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:06:21-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/trapezoid-song-quadrilaterals-for-kids">
    <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="Trapezoid Song! Quadrilaterals with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075954/horizontal/3490b265-d70a-4f06-8ca2-ebc7a0e1de57.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075954/horizontal/3490b265-d70a-4f06-8ca2-ebc7a0e1de57.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075954/horizontal/3490b265-d70a-4f06-8ca2-ebc7a0e1de57.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075954/horizontal/3490b265-d70a-4f06-8ca2-ebc7a0e1de57.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">05: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Trapezoid Song! Quadrilaterals with Bo the Blue Bot!" aria-label="Trapezoid Song! Quadrilaterals with Bo the Blue Bot!" href="/programs/trapezoid-song-quadrilaterals-for-kids">
    <span class="line-clamp-2">
      Trapezoid Song! Quadrilaterals with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075953"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075953"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="9"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:07:33-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/cone-song-for-kids-3d-shapes">
    <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="This is a Cone! The Cone Song with Bo the Blue Bot! 3D Shapes Song" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075953/horizontal/d93bff6a-3274-4137-af7a-7aa2019a9da3.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075953/horizontal/d93bff6a-3274-4137-af7a-7aa2019a9da3.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075953/horizontal/d93bff6a-3274-4137-af7a-7aa2019a9da3.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075953/horizontal/d93bff6a-3274-4137-af7a-7aa2019a9da3.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">05:45</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="This is a Cone! The Cone Song with Bo the Blue Bot! 3D Shapes Song" aria-label="This is a Cone! The Cone Song with Bo the Blue Bot! 3D Shapes Song" href="/programs/cone-song-for-kids-3d-shapes">
    <span class="line-clamp-2">
      This is a Cone! The Cone Song with Bo the Blue Bot! 3D Shapes Song
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075948"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075948"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="10"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:08:39-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/sphere-song-for-kids">
    <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="It&#39;s a Sphere! 3D Shapes Song - Sing &amp; Dance with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075948/horizontal/d2a13519-32f6-45a4-94ed-9a3f9cbe65f6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075948/horizontal/d2a13519-32f6-45a4-94ed-9a3f9cbe65f6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075948/horizontal/d2a13519-32f6-45a4-94ed-9a3f9cbe65f6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075948/horizontal/d2a13519-32f6-45a4-94ed-9a3f9cbe65f6.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:57</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="It&#39;s a Sphere! 3D Shapes Song - Sing &amp; Dance with Bo the Blue Bot!" aria-label="It&#39;s a Sphere! 3D Shapes Song - Sing &amp; Dance with Bo the Blue Bot!" href="/programs/sphere-song-for-kids">
    <span class="line-clamp-2">
      It&#39;s a Sphere! 3D Shapes Song - Sing &amp; Dance with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075946"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075946"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="11"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-published-at="2024-06-26T23:10:52-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/rhombus-vs-parallelogram-quadrilaterals-song-for-kids">
    <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="Rhombus vs. Parallelogram: Quadrilaterals Song!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075946/horizontal/decf15ab-3f94-4a1f-a8ca-9aa81dfb5f39.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075946/horizontal/decf15ab-3f94-4a1f-a8ca-9aa81dfb5f39.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075946/horizontal/decf15ab-3f94-4a1f-a8ca-9aa81dfb5f39.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075946/horizontal/decf15ab-3f94-4a1f-a8ca-9aa81dfb5f39.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:24</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Rhombus vs. Parallelogram: Quadrilaterals Song!" aria-label="Rhombus vs. Parallelogram: Quadrilaterals Song!" href="/programs/rhombus-vs-parallelogram-quadrilaterals-song-for-kids">
    <span class="line-clamp-2">
      Rhombus vs. Parallelogram: Quadrilaterals Song!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075944"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075944"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="12"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:12:45-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/rhombus-song-for-kids">
    <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="Rhombus Rock! Shapes Songs with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075944/horizontal/4c01ff73-2bc8-4529-9279-47054648dce8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075944/horizontal/4c01ff73-2bc8-4529-9279-47054648dce8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075944/horizontal/4c01ff73-2bc8-4529-9279-47054648dce8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075944/horizontal/4c01ff73-2bc8-4529-9279-47054648dce8.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Rhombus Rock! Shapes Songs with Bo the Blue Bot!" aria-label="Rhombus Rock! Shapes Songs with Bo the Blue Bot!" href="/programs/rhombus-song-for-kids">
    <span class="line-clamp-2">
      Rhombus Rock! Shapes Songs with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075939"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075939"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="13"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-published-at="2024-06-26T23:13:55-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/pyramid-3d-shapes-song-for-kids">
    <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="Pyramid Song! 3D Shapes Song with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075939/horizontal/ddd78f18-cf71-46e5-8320-a6023e242635.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075939/horizontal/ddd78f18-cf71-46e5-8320-a6023e242635.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075939/horizontal/ddd78f18-cf71-46e5-8320-a6023e242635.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075939/horizontal/ddd78f18-cf71-46e5-8320-a6023e242635.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Pyramid Song! 3D Shapes Song with Bo the Blue Bot!" aria-label="Pyramid Song! 3D Shapes Song with Bo the Blue Bot!" href="/programs/pyramid-3d-shapes-song-for-kids">
    <span class="line-clamp-2">
      Pyramid Song! 3D Shapes Song with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075938"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075938"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="14"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:15:16-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/prism-3d-shapes-song-for-kids">
    <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="Prism Rhythm! What is a Prism? 3D Shapes Song with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075938/horizontal/32646aa5-1a63-4996-b6f6-c60090d6842e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075938/horizontal/32646aa5-1a63-4996-b6f6-c60090d6842e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075938/horizontal/32646aa5-1a63-4996-b6f6-c60090d6842e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075938/horizontal/32646aa5-1a63-4996-b6f6-c60090d6842e.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:24</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Prism Rhythm! What is a Prism? 3D Shapes Song with Bo the Blue Bot!" aria-label="Prism Rhythm! What is a Prism? 3D Shapes Song with Bo the Blue Bot!" href="/programs/prism-3d-shapes-song-for-kids">
    <span class="line-clamp-2">
      Prism Rhythm! What is a Prism? 3D Shapes Song with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075936"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075936"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="15"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:16:45-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/pentagon-song-for-kids">
    <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="Pentagon Song! A Pentagon Has 5 Sides - Dance Party with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075936/horizontal/345924d3-6c1a-4c26-9be7-035da3398d4b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075936/horizontal/345924d3-6c1a-4c26-9be7-035da3398d4b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075936/horizontal/345924d3-6c1a-4c26-9be7-035da3398d4b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075936/horizontal/345924d3-6c1a-4c26-9be7-035da3398d4b.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:15</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Pentagon Song! A Pentagon Has 5 Sides - Dance Party with Bo the Blue Bot!" aria-label="Pentagon Song! A Pentagon Has 5 Sides - Dance Party with Bo the Blue Bot!" href="/programs/pentagon-song-for-kids">
    <span class="line-clamp-2">
      Pentagon Song! A Pentagon Has 5 Sides - Dance Party with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075935"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075935"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="16"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:18:09-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/parallelogram-song-quadrilaterals-song-for-kids">
    <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="Parallelogram Song! Quadrilaterals | Sing &amp; Dance with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075935/horizontal/ccdbe89f-5ddd-49f2-8284-2822f48dc26f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075935/horizontal/ccdbe89f-5ddd-49f2-8284-2822f48dc26f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075935/horizontal/ccdbe89f-5ddd-49f2-8284-2822f48dc26f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075935/horizontal/ccdbe89f-5ddd-49f2-8284-2822f48dc26f.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:45</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Parallelogram Song! Quadrilaterals | Sing &amp; Dance with Bo the Blue Bot!" aria-label="Parallelogram Song! Quadrilaterals | Sing &amp; Dance with Bo the Blue Bot!" href="/programs/parallelogram-song-quadrilaterals-song-for-kids">
    <span class="line-clamp-2">
      Parallelogram Song! Quadrilaterals | Sing &amp; Dance with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075934"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075934"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="17"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:19:24-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/oval-shape-song-for-kids">
    <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="Oval Shape Song! Learn Shapes with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075934/horizontal/be276e1a-d3e1-4849-9b47-f4931af7e384.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075934/horizontal/be276e1a-d3e1-4849-9b47-f4931af7e384.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075934/horizontal/be276e1a-d3e1-4849-9b47-f4931af7e384.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075934/horizontal/be276e1a-d3e1-4849-9b47-f4931af7e384.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:58</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Oval Shape Song! Learn Shapes with Bo the Blue Bot!" aria-label="Oval Shape Song! Learn Shapes with Bo the Blue Bot!" href="/programs/oval-shape-song-for-kids">
    <span class="line-clamp-2">
      Oval Shape Song! Learn Shapes with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075933"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075933"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="18"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:20:31-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/octagon-song-for-kids">
    <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="Octagon Song Adventure with Bo the Blue Bot! 2D Shapes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075933/horizontal/8bc6dddd-5e31-44e4-b9a5-5100a16790d7.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075933/horizontal/8bc6dddd-5e31-44e4-b9a5-5100a16790d7.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075933/horizontal/8bc6dddd-5e31-44e4-b9a5-5100a16790d7.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075933/horizontal/8bc6dddd-5e31-44e4-b9a5-5100a16790d7.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:53</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Octagon Song Adventure with Bo the Blue Bot! 2D Shapes" aria-label="Octagon Song Adventure with Bo the Blue Bot! 2D Shapes" href="/programs/octagon-song-for-kids">
    <span class="line-clamp-2">
      Octagon Song Adventure with Bo the Blue Bot! 2D Shapes
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075923"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075923"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="19"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:21:53-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/hexagon-song-for-kids">
    <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="The Hexagon Hop! | Sing &amp; Learn Shapes with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075923/horizontal/82021cd5-9d3f-44ff-b34b-e9d718e9e509.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075923/horizontal/82021cd5-9d3f-44ff-b34b-e9d718e9e509.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075923/horizontal/82021cd5-9d3f-44ff-b34b-e9d718e9e509.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075923/horizontal/82021cd5-9d3f-44ff-b34b-e9d718e9e509.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="The Hexagon Hop! | Sing &amp; Learn Shapes with Bo the Blue Bot!" aria-label="The Hexagon Hop! | Sing &amp; Learn Shapes with Bo the Blue Bot!" href="/programs/hexagon-song-for-kids">
    <span class="line-clamp-2">
      The Hexagon Hop! | Sing &amp; Learn Shapes with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075919"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075919"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="20"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:23:10-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/cylinder-3d-shapes-song-for-kids">
    <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="It&#39;s a Cylinder! 3D Shapes Song - Dance to the Cylinder Beat with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075919/horizontal/959fe96c-1dbe-4e8b-b84f-e3de91ef27ea.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075919/horizontal/959fe96c-1dbe-4e8b-b84f-e3de91ef27ea.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075919/horizontal/959fe96c-1dbe-4e8b-b84f-e3de91ef27ea.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075919/horizontal/959fe96c-1dbe-4e8b-b84f-e3de91ef27ea.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:39</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="It&#39;s a Cylinder! 3D Shapes Song - Dance to the Cylinder Beat with Bo the Blue Bot!" aria-label="It&#39;s a Cylinder! 3D Shapes Song - Dance to the Cylinder Beat with Bo the Blue Bot!" href="/programs/cylinder-3d-shapes-song-for-kids">
    <span class="line-clamp-2">
      It&#39;s a Cylinder! 3D Shapes Song - Dance to the Cylinder Beat with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075917"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075917"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="21"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="A musical adventure to discover the magic of square shapes!"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:25:20-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/square-song-for-kids">
    <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="Squares Have 4 Sides! Learn Square Shapes with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075917/horizontal/2634b267-24f2-4ef3-95fd-48e59010d2e3.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075917/horizontal/2634b267-24f2-4ef3-95fd-48e59010d2e3.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075917/horizontal/2634b267-24f2-4ef3-95fd-48e59010d2e3.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075917/horizontal/2634b267-24f2-4ef3-95fd-48e59010d2e3.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">01:59</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Squares Have 4 Sides! Learn Square Shapes with Bo the Blue Bot!" aria-label="Squares Have 4 Sides! Learn Square Shapes with Bo the Blue Bot!" href="/programs/square-song-for-kids">
    <span class="line-clamp-2">
      Squares Have 4 Sides! Learn Square Shapes with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3075911"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3075911"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="22"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:26:43-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/3d-shapes-song-for-kids">
    <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="3D Shapes Song | 3D Shapes I Know with Bo the Blue Bot!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3075911/horizontal/c74f411f-4128-4cb8-b3df-aa17ac52526a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3075911/horizontal/c74f411f-4128-4cb8-b3df-aa17ac52526a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3075911/horizontal/c74f411f-4128-4cb8-b3df-aa17ac52526a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3075911/horizontal/c74f411f-4128-4cb8-b3df-aa17ac52526a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:09</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="3D Shapes Song | 3D Shapes I Know with Bo the Blue Bot!" aria-label="3D Shapes Song | 3D Shapes I Know with Bo the Blue Bot!" href="/programs/3d-shapes-song-for-kids">
    <span class="line-clamp-2">
      3D Shapes Song | 3D Shapes I Know with Bo the Blue Bot!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2826052"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2826052"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="23"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Captain Bella of Starship Triumph delves into Starlink&#39;s Satellite Internet, a human masterpiece linking Earth like never before."
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-06-26T23:30:18-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/how-does-starlink-work">
    <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="How Does Starlink Satellite Internet Work?" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2826052/horizontal/7dde9326-a466-4078-8f91-027a326a2f1a.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2826052/horizontal/7dde9326-a466-4078-8f91-027a326a2f1a.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2826052/horizontal/7dde9326-a466-4078-8f91-027a326a2f1a.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2826052/horizontal/7dde9326-a466-4078-8f91-027a326a2f1a.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">04:19</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="How Does Starlink Satellite Internet Work?" aria-label="How Does Starlink Satellite Internet Work?" href="/programs/how-does-starlink-work">
    <span class="line-clamp-2">
      How Does Starlink Satellite Internet Work?
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819951"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819951"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="24"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="This transmission covers the phenomenal discoveries of NASA&#39;s InSight mission on Mars, as recorded by Captain Bella of the Starship Triumph."
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-01-14T22:21:12-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/nasa-mars-discoveries-insight">
    <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="Latest Mars Discoveries from NASA!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819951/horizontal/7fdff1d4-b2ed-4c8b-8839-c9922fb317d6.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819951/horizontal/7fdff1d4-b2ed-4c8b-8839-c9922fb317d6.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819951/horizontal/7fdff1d4-b2ed-4c8b-8839-c9922fb317d6.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819951/horizontal/7fdff1d4-b2ed-4c8b-8839-c9922fb317d6.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">08: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Latest Mars Discoveries from NASA!" aria-label="Latest Mars Discoveries from NASA!" href="/programs/nasa-mars-discoveries-insight">
    <span class="line-clamp-2">
      Latest Mars Discoveries from NASA!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819945"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819945"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="25"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-01-16T20:25:55-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/large-language-models">
    <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="Large Language Models Explained!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819945/horizontal/1314e4cd-d0c4-4c6f-8b71-5d1cb0d0b77f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819945/horizontal/1314e4cd-d0c4-4c6f-8b71-5d1cb0d0b77f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819945/horizontal/1314e4cd-d0c4-4c6f-8b71-5d1cb0d0b77f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819945/horizontal/1314e4cd-d0c4-4c6f-8b71-5d1cb0d0b77f.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">05:57</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Large Language Models Explained!" aria-label="Large Language Models Explained!" href="/programs/large-language-models">
    <span class="line-clamp-2">
      Large Language Models Explained!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819942"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819942"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="26"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Bella reports back to Blueniverse headquarters the five most astonishing and captivating discoveries made by NASA&#39;s James Webb Telescope."
    data-author-title-0="Bo the Blue Bot" data-author-permalink-0="bo-the-blue-bot"
    data-published-at="2024-06-26T23:33:17-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/webb-telescope-discoveries">
    <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="5 Crazy Discoveries of The James Webb Space Telescope" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819942/horizontal/a8ace668-c282-46e2-9aa3-84fe79c2438d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819942/horizontal/a8ace668-c282-46e2-9aa3-84fe79c2438d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819942/horizontal/a8ace668-c282-46e2-9aa3-84fe79c2438d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819942/horizontal/a8ace668-c282-46e2-9aa3-84fe79c2438d.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">05:38</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="5 Crazy Discoveries of The James Webb Space Telescope" aria-label="5 Crazy Discoveries of The James Webb Space Telescope" href="/programs/webb-telescope-discoveries">
    <span class="line-clamp-2">
      5 Crazy Discoveries of The James Webb Space Telescope
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819936"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819936"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="27"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Born from the innovative minds at Elon Musk&#39;s xAI, Grok transcends artificial intelligence, bringing a dash of humor and empathy to AI!"
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-01-14T22:48:33-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/elon-musk-grok">
    <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="Elon Musk&#39;s X.AI GROK Explained!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819936/horizontal/c46a683a-2a0e-48a9-8a7a-f4c58f3a8afa.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819936/horizontal/c46a683a-2a0e-48a9-8a7a-f4c58f3a8afa.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819936/horizontal/c46a683a-2a0e-48a9-8a7a-f4c58f3a8afa.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819936/horizontal/c46a683a-2a0e-48a9-8a7a-f4c58f3a8afa.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">05:34</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Elon Musk&#39;s X.AI GROK Explained!" aria-label="Elon Musk&#39;s X.AI GROK Explained!" href="/programs/elon-musk-grok">
    <span class="line-clamp-2">
      Elon Musk&#39;s X.AI GROK Explained!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819932"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819932"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="28"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-01-16T20:25:49-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-mixed-reality">
    <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="What is Mixed Reality? Meta Quest and Apple Vision Pro Explained! " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819932/horizontal/123b2720-2cde-47f3-bd8b-dfb95ae2bf0f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819932/horizontal/123b2720-2cde-47f3-bd8b-dfb95ae2bf0f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819932/horizontal/123b2720-2cde-47f3-bd8b-dfb95ae2bf0f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819932/horizontal/123b2720-2cde-47f3-bd8b-dfb95ae2bf0f.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">05: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Mixed Reality? Meta Quest and Apple Vision Pro Explained! " aria-label="What is Mixed Reality? Meta Quest and Apple Vision Pro Explained! " href="/programs/what-is-mixed-reality">
    <span class="line-clamp-2">
      What is Mixed Reality? Meta Quest and Apple Vision Pro Explained! 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819930"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819930"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="29"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Commander Mello" data-author-permalink-0="author-MDztXyfO1MQ"
    data-published-at="2024-01-16T20:25:41-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/history-of-sports">
    <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="Why We Play Sports!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819930/horizontal/549bdf8e-28bb-40d1-bf6e-0795a28837e1.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819930/horizontal/549bdf8e-28bb-40d1-bf6e-0795a28837e1.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819930/horizontal/549bdf8e-28bb-40d1-bf6e-0795a28837e1.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819930/horizontal/549bdf8e-28bb-40d1-bf6e-0795a28837e1.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">05:15</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Why We Play Sports!" aria-label="Why We Play Sports!" href="/programs/history-of-sports">
    <span class="line-clamp-2">
      Why We Play Sports!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819925"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819925"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="30"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-author-title-0="Captain Bella" data-author-permalink-0="author-LcvmS40jW_E"
    data-published-at="2024-01-16T20:25:31-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-artificial-intelligence">
    <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="What is Artificial Intelligence?" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819925/horizontal/381e5658-57da-49dc-956e-40e2379e09da.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819925/horizontal/381e5658-57da-49dc-956e-40e2379e09da.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819925/horizontal/381e5658-57da-49dc-956e-40e2379e09da.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819925/horizontal/381e5658-57da-49dc-956e-40e2379e09da.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">04:45</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Artificial Intelligence?" aria-label="What is Artificial Intelligence?" href="/programs/what-is-artificial-intelligence">
    <span class="line-clamp-2">
      What is Artificial Intelligence?
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819922"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819922"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="31"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-published-at="2024-01-16T20:25:26-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/nasa-giant-hole-in-sun">
    <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="NASA Discovers A Giant Hole in the Sun?! " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819922/horizontal/9c8e9de2-a201-49f0-9995-71878b54293c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819922/horizontal/9c8e9de2-a201-49f0-9995-71878b54293c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819922/horizontal/9c8e9de2-a201-49f0-9995-71878b54293c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819922/horizontal/9c8e9de2-a201-49f0-9995-71878b54293c.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">04:11</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="NASA Discovers A Giant Hole in the Sun?! " aria-label="NASA Discovers A Giant Hole in the Sun?! " href="/programs/nasa-giant-hole-in-sun">
    <span class="line-clamp-2">
      NASA Discovers A Giant Hole in the Sun?! 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819866"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819866"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="32"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Jump into EJ&#39;s World for a fun, not-your-typical lesson on supply and demand. "
    data-author-title-0="EJ" data-author-permalink-0="EJ"
    data-published-at="2024-01-14T20:28:12-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-supply-and-demand">
    <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="Supply and Demand Crash Course!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819866/horizontal/14494c5d-1c20-4604-8106-b7508b93c681.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819866/horizontal/14494c5d-1c20-4604-8106-b7508b93c681.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819866/horizontal/14494c5d-1c20-4604-8106-b7508b93c681.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819866/horizontal/14494c5d-1c20-4604-8106-b7508b93c681.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">04:22</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Supply and Demand Crash Course!" aria-label="Supply and Demand Crash Course!" href="/programs/what-is-supply-and-demand">
    <span class="line-clamp-2">
      Supply and Demand Crash Course!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819862"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819862"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="33"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="An epic journey through the world of bank accounts, where checking is your daily power-up and savings is your treasure chest."
    data-author-title-0="EJ" data-author-permalink-0="EJ"
    data-published-at="2024-01-14T20:35:52-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/difference-between-checking-and-savings">
    <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="What&#39;s the Difference Between Checking &amp; Savings? " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819862/horizontal/1f5a0de2-f383-41bf-8237-42e7a78cce4f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819862/horizontal/1f5a0de2-f383-41bf-8237-42e7a78cce4f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819862/horizontal/1f5a0de2-f383-41bf-8237-42e7a78cce4f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819862/horizontal/1f5a0de2-f383-41bf-8237-42e7a78cce4f.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:33</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="What&#39;s the Difference Between Checking &amp; Savings? " aria-label="What&#39;s the Difference Between Checking &amp; Savings? " href="/programs/difference-between-checking-and-savings">
    <span class="line-clamp-2">
      What&#39;s the Difference Between Checking &amp; Savings? 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_2819860"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="2819860"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="34"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Discover how every choice shapes our world with EJ! "
    data-author-title-0="EJ" data-author-permalink-0="EJ"
    data-published-at="2024-01-14T20:35:54-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-economics">
    <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="What is Economics?" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2819860/horizontal/a9a72ccf-f3b2-44de-b069-9792633067de.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2819860/horizontal/a9a72ccf-f3b2-44de-b069-9792633067de.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2819860/horizontal/a9a72ccf-f3b2-44de-b069-9792633067de.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2819860/horizontal/a9a72ccf-f3b2-44de-b069-9792633067de.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:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Economics?" aria-label="What is Economics?" href="/programs/what-is-economics">
    <span class="line-clamp-2">
      What is Economics?
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1898610"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1898610"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="35"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Mia will walk with you through this lesson that will give you a strong foundation and understanding of cryptocurrency &amp; how to keep it safe!"
    data-author-title-0="Mia" data-author-permalink-0="Mia-STEM-Kids-Clubhouse"
    data-published-at="2023-03-13T16:06:41-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-a-crypto-wallet">
    <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="What is a Crypto Wallet? Learn with Mia in the STEM Kids Clubhouse!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1898610/horizontal/crypto-wallet.1688871888.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1898610/horizontal/crypto-wallet.1688871888.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1898610/horizontal/crypto-wallet.1688871888.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1898610/horizontal/crypto-wallet.1688871888.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">12:24</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is a Crypto Wallet? Learn with Mia in the STEM Kids Clubhouse!" aria-label="What is a Crypto Wallet? Learn with Mia in the STEM Kids Clubhouse!" href="/programs/what-is-a-crypto-wallet">
    <span class="line-clamp-2">
      What is a Crypto Wallet? Learn with Mia in the STEM Kids Clubhouse!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1791295"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1791295"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="36"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="JC will take you on a journey to uncover the mysteries of coding, algorithms, and problem-solving!"
    data-author-title-0="JC" data-author-permalink-0="JC-STEM-Kids-Clubhouse"
    data-published-at="2022-07-18T13:38:05-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-computer-science">
    <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="What is Computer Science?  " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1791295/horizontal/computer-science.1688272465.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1791295/horizontal/computer-science.1688272465.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1791295/horizontal/computer-science.1688272465.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1791295/horizontal/computer-science.1688272465.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">13:02</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Computer Science?  " aria-label="What is Computer Science?  " href="/programs/what-is-computer-science">
    <span class="line-clamp-2">
      What is Computer Science?  
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1740570"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1740570"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="37"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Learn with Jess in the STEM Kids Clubhouse about what cryptocurrency is, how it&#39;s used, and what role it plays in our present and future! "
    data-author-title-0="Jess" data-author-permalink-0="Jess-STEM-Kids-Clubhouse"
    data-published-at="2022-06-14T13:07:54-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-crypto-currency">
    <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="What is Cryptocurrency? Learn with Jess in the STEM Kids Clubhouse!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1740570/horizontal/what-is-crypto.1684974486.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1740570/horizontal/what-is-crypto.1684974486.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1740570/horizontal/what-is-crypto.1684974486.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1740570/horizontal/what-is-crypto.1684974486.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">13:56</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Cryptocurrency? Learn with Jess in the STEM Kids Clubhouse!" aria-label="What is Cryptocurrency? Learn with Jess in the STEM Kids Clubhouse!" href="/programs/what-is-crypto-currency">
    <span class="line-clamp-2">
      What is Cryptocurrency? Learn with Jess in the STEM Kids Clubhouse!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1693562"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1693562"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="38"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Check out this sneak peek of the Adventures of Bella the Blue Bot! "
    data-author-title-0="Kelley" data-author-permalink-0="kelley"
    data-published-at="2022-05-23T19:03:52-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/bella-sneak-peek">
    <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="The Adventures of Bella the Blue Bot Sneak Peek" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1693562/horizontal/Bella_the_Blue_Bot_Animated_Series_Sneak_Peek.1653351971.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1693562/horizontal/Bella_the_Blue_Bot_Animated_Series_Sneak_Peek.1653351971.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1693562/horizontal/Bella_the_Blue_Bot_Animated_Series_Sneak_Peek.1653351971.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1693562/horizontal/Bella_the_Blue_Bot_Animated_Series_Sneak_Peek.1653351971.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">14:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="The Adventures of Bella the Blue Bot Sneak Peek" aria-label="The Adventures of Bella the Blue Bot Sneak Peek" href="/programs/bella-sneak-peek">
    <span class="line-clamp-2">
      The Adventures of Bella the Blue Bot Sneak Peek
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1628343"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1628343"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="39"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="What causes the hiccups? Why do we get them at all and what are they really for? JC can help you answer these questions!"
    data-author-title-0="JC" data-author-permalink-0="JC-STEM-Kids-Clubhouse"
    data-published-at="2022-04-05T01:08:15-04:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/why-do-we-get-hiccups">
    <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="Why Do We Hiccup? Learn with JC in the STEM Kids Clubhouse!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1628343/horizontal/hiccups.1688272476.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1628343/horizontal/hiccups.1688272476.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1628343/horizontal/hiccups.1688272476.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1628343/horizontal/hiccups.1688272476.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">12:11</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Why Do We Hiccup? Learn with JC in the STEM Kids Clubhouse!" aria-label="Why Do We Hiccup? Learn with JC in the STEM Kids Clubhouse!" href="/programs/why-do-we-get-hiccups">
    <span class="line-clamp-2">
      Why Do We Hiccup? Learn with JC in the STEM Kids Clubhouse!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1534014"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1534014"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="40"
    data-catalog--card-analytics-result-set-size-value="542"
  class="self-start hotwired"
    data-short-description="Have you ever wondered what is infinity? Let&#39;s learn about it with Mia in the STEM Kids Clubhouse! "
    data-author-title-0="Mia" data-author-permalink-0="Mia-STEM-Kids-Clubhouse"
    data-published-at="2022-01-31T17:59:45-05:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/what-is-infinity">
    <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="What is Infinity? Learn with Mia in the STEM Kids Clubhouse!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1534014/horizontal/what-is-infinity.1684974518.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1534014/horizontal/what-is-infinity.1684974518.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1534014/horizontal/what-is-infinity.1684974518.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1534014/horizontal/what-is-infinity.1684974518.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">11:43</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What is Infinity? Learn with Mia in the STEM Kids Clubhouse!" aria-label="What is Infinity? Learn with Mia in the STEM Kids Clubhouse!" href="/programs/what-is-infinity">
    <span class="line-clamp-2">
      What is Infinity? Learn with Mia in the STEM Kids Clubhouse!
    </span>
</a></swiper-slide>

  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
    <div data-controller="catalog--event-dispatcher" data-catalog--event-dispatcher-result-set-size-value="542" hidden></div>
</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;format=turbo_stream&amp;page=2&amp;term=ecosystem&amp;y=0" 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 my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end 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="104744" label="FREE For Everyone" >
              <ds-checkbox>FREE For Everyone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="189560" label="Bella the Blue Bot: Captain&#39;s Logs" >
              <ds-checkbox>Bella the Blue Bot: Captain&#39;s Logs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="210562" label="Bo the Blue Bot Sing-a-Longs!" >
              <ds-checkbox>Bo the Blue Bot Sing-a-Longs!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="189555" label="EJ&#39;s World" >
              <ds-checkbox>EJ&#39;s World</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37024" label="Blue Studios Original Series" >
              <ds-checkbox>Blue Studios Original Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="79625" label="Meet Your Instructors!" >
              <ds-checkbox>Meet Your Instructors!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="87773" label="Get Ahead: K-5 NGSS-Aligned" >
              <ds-checkbox>Get Ahead: K-5 NGSS-Aligned</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30243" label="What You Missed: Recent Live Classes" >
              <ds-checkbox>What You Missed: Recent Live Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66456" label="AP Calculus Test Prep" >
              <ds-checkbox>AP Calculus Test Prep</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66454" label="AP Biology Test Prep" >
              <ds-checkbox>AP Biology Test Prep</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54065" label="AP Computer Science Test Prep" >
              <ds-checkbox>AP Computer Science Test Prep</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78317" label="Preschool Math (Ages 3-4)" >
              <ds-checkbox>Preschool Math (Ages 3-4)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78477" label="Data Structures and Algorithms" >
              <ds-checkbox>Data Structures and Algorithms</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="25764" label="Go Deep: Intensives" >
              <ds-checkbox>Go Deep: Intensives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28064" label="How Things Work!" >
              <ds-checkbox>How Things Work!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15487" label="Fun Science Experiments" >
              <ds-checkbox>Fun Science Experiments</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28063" label="Scratch Coding Projects" >
              <ds-checkbox>Scratch Coding Projects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51235" label="Filmmaking and Video Editing" >
              <ds-checkbox>Filmmaking and Video Editing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28065" label="Illustration and Design" >
              <ds-checkbox>Illustration and Design</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36994" label="Audio Engineering, Music Production and Music Theory" >
              <ds-checkbox>Audio Engineering, Music Production and Music Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82057" label="Kindergarten (Ages 4-5)" >
              <ds-checkbox>Kindergarten (Ages 4-5)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="81902" label="1st Grade (Ages 5-6)" >
              <ds-checkbox>1st Grade (Ages 5-6)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="81897" label="2nd Grade (Ages 6-7)" >
              <ds-checkbox>2nd Grade (Ages 6-7)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82058" label="3rd Grade (Ages 7-8)" >
              <ds-checkbox>3rd Grade (Ages 7-8)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82059" label="4th Grade (Ages 8-9)" >
              <ds-checkbox>4th Grade (Ages 8-9)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82060" label="5th Grade (Ages 9-10)" >
              <ds-checkbox>5th Grade (Ages 9-10)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82061" label="6th Grade (Ages 10-11)" >
              <ds-checkbox>6th Grade (Ages 10-11)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82062" label="7th Grade (Ages 11-12)" >
              <ds-checkbox>7th Grade (Ages 11-12)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82063" label="8th Grade (Ages 12-13)" >
              <ds-checkbox>8th Grade (Ages 12-13)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82064" label="9th Grade (Ages 13-15)" >
              <ds-checkbox>9th Grade (Ages 13-15)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82065" label="10th Grade (Ages 14-16)" >
              <ds-checkbox>10th Grade (Ages 14-16)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82066" label="11th Grade (Ages 15-17)" >
              <ds-checkbox>11th Grade (Ages 15-17)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="82067" label="12th Grade (Ages 16-18)" >
              <ds-checkbox>12th Grade (Ages 16-18)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83503" label="NFT and Blockchain Coding" >
              <ds-checkbox>NFT and Blockchain Coding</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="34458" label="A.C." >
              <ds-checkbox>A.C.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35655" label="Alex" >
              <ds-checkbox>Alex</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34220" label="Bevin" >
              <ds-checkbox>Bevin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111022" label="Bo the Blue Bot" >
              <ds-checkbox>Bo the Blue Bot</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6366" label="Brent" >
              <ds-checkbox>Brent</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34221" label="Candace" >
              <ds-checkbox>Candace</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="107328" label="Captain Bella" >
              <ds-checkbox>Captain Bella</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34222" label="Chelsey" >
              <ds-checkbox>Chelsey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="107329" label="Commander Mello" >
              <ds-checkbox>Commander Mello</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34223" label="Derek" >
              <ds-checkbox>Derek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34224" label="EJ" >
              <ds-checkbox>EJ</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34225" label="Emma" >
              <ds-checkbox>Emma</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34226" label="Eric" >
              <ds-checkbox>Eric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="39451" label="Ferdinand" >
              <ds-checkbox>Ferdinand</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38709" label="Freeyon" >
              <ds-checkbox>Freeyon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7688" label="Henry" >
              <ds-checkbox>Henry</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36131" label="JC" >
              <ds-checkbox>JC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38448" label="Jess" >
              <ds-checkbox>Jess</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35650" label="Jillian" >
              <ds-checkbox>Jillian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7876" label="Joseph" >
              <ds-checkbox>Joseph</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34227" label="Kat" >
              <ds-checkbox>Kat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34228" label="Kaylee" >
              <ds-checkbox>Kaylee</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="10918" label="Kelley" >
              <ds-checkbox>Kelley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6242" label="Kendra" >
              <ds-checkbox>Kendra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35651" label="Kim" >
              <ds-checkbox>Kim</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34230" label="Leenie Z" >
              <ds-checkbox>Leenie Z</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23113" label="Leon" >
              <ds-checkbox>Leon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35652" label="Livy + Bri" >
              <ds-checkbox>Livy + Bri</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34231" label="Margeaux" >
              <ds-checkbox>Margeaux</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38447" label="Mia" >
              <ds-checkbox>Mia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5431" label="Mike" >
              <ds-checkbox>Mike</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34229" label="Miss Taina" >
              <ds-checkbox>Miss Taina</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="10922" label="Multiple Instructors" >
              <ds-checkbox>Multiple Instructors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36036" label="Natalie" >
              <ds-checkbox>Natalie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34235" label="Olivia" >
              <ds-checkbox>Olivia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34232" label="Rachel" >
              <ds-checkbox>Rachel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6383" label="Rachel C." >
              <ds-checkbox>Rachel C.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="12820" label="Siobhan (Kid Coder!)" >
              <ds-checkbox>Siobhan (Kid Coder!)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24251" label="Stephanie, The Eclectic Ecologist!" >
              <ds-checkbox>Stephanie, The Eclectic Ecologist!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35653" label="Susan" >
              <ds-checkbox>Susan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6382" label="Taylor" >
              <ds-checkbox>Taylor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34233" label="Thomas" >
              <ds-checkbox>Thomas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34234" label="Tyra" >
              <ds-checkbox>Tyra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35654" label="Veronika" >
              <ds-checkbox>Veronika</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38710" label="Xenna" >
              <ds-checkbox>Xenna</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_259" id="catalog_filter_259" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Age: All" inner-prefix="Age" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1513" label="3-4" >
              <ds-checkbox>3-4</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1514" label="5-7" >
              <ds-checkbox>5-7</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1515" label="8-10" >
              <ds-checkbox>8-10</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1516" label="11-13" >
              <ds-checkbox>11-13</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1517" label="14-18" >
              <ds-checkbox>14-18</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1518" label="18+" >
              <ds-checkbox>18+</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1519" label="All Age Levels" >
              <ds-checkbox>All Age Levels</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_261" id="catalog_filter_261" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Grade: All" inner-prefix="Grade" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1531" label="Pre-School" >
              <ds-checkbox>Pre-School</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1532" label="K to 2nd Grade" >
              <ds-checkbox>K to 2nd Grade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1533" label="3rd to 5th Grade" >
              <ds-checkbox>3rd to 5th Grade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1534" label="6th to 8th Grade" >
              <ds-checkbox>6th to 8th Grade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1535" label="9th to 12th Grade" >
              <ds-checkbox>9th to 12th Grade</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1536" label="All Grade Levels" >
              <ds-checkbox>All Grade Levels</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_258" id="catalog_filter_258" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Subject: All" inner-prefix="Subject" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="1484" label="Aerospace Engineering" >
              <ds-checkbox>Aerospace Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1485" label="Coding" >
              <ds-checkbox>Coding</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1486" label="Chemistry" >
              <ds-checkbox>Chemistry</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1487" label="Microbiology " >
              <ds-checkbox>Microbiology </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1488" label="Botany" >
              <ds-checkbox>Botany</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1489" label="Physics" >
              <ds-checkbox>Physics</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1490" label="Paleontology" >
              <ds-checkbox>Paleontology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1491" label="Ecology" >
              <ds-checkbox>Ecology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1492" label="Packaging Engineering" >
              <ds-checkbox>Packaging Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1493" label="Intro to Engineering" >
              <ds-checkbox>Intro to Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1494" label="Parent&#39;s Channel" >
              <ds-checkbox>Parent&#39;s Channel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1495" label="Civil Engineering" >
              <ds-checkbox>Civil Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1496" label="Intro to Science" >
              <ds-checkbox>Intro to Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1497" label="Structural Engineering" >
              <ds-checkbox>Structural Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1498" label="Audio Engineering" >
              <ds-checkbox>Audio Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1499" label="Environmental Engineering" >
              <ds-checkbox>Environmental Engineering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1500" label="Graphic Design" >
              <ds-checkbox>Graphic Design</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1501" label="Illustration" >
              <ds-checkbox>Illustration</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1502" label="Life Science" >
              <ds-checkbox>Life Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1503" label="Filmmaking + Video Editing" >
              <ds-checkbox>Filmmaking + Video Editing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1504" label="AP Computer Science" >
              <ds-checkbox>AP Computer Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1505" label="Biology" >
              <ds-checkbox>Biology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1506" label="AP Biology" >
              <ds-checkbox>AP Biology</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1507" label="AP Calculus" >
              <ds-checkbox>AP Calculus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1508" label="Math" >
              <ds-checkbox>Math</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1509" label="Earth Science" >
              <ds-checkbox>Earth Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1510" label="Astronomy" >
              <ds-checkbox>Astronomy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1511" label="Intermediate Computer Science" >
              <ds-checkbox>Intermediate Computer Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1512" label="How Technology Works" >
              <ds-checkbox>How Technology Works</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_260" id="catalog_filter_260" 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="1520" label="5 Minutes" >
              <ds-checkbox>5 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1521" label="10 Minutes" >
              <ds-checkbox>10 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1522" label="15 Minutes" >
              <ds-checkbox>15 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1523" label="20 Minutes" >
              <ds-checkbox>20 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1524" label="25 Minutes" >
              <ds-checkbox>25 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1525" label="30 Minutes" >
              <ds-checkbox>30 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1526" label="35 Minutes" >
              <ds-checkbox>35 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1527" label="40 Minutes" >
              <ds-checkbox>40 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1528" label="45 Minutes" >
              <ds-checkbox>45 Minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1529" label="1 hour" >
              <ds-checkbox>1 hour</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1530" label="Multipart Series" >
              <ds-checkbox>Multipart Series</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>

</body></html>