<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Y5wT-M9vj3dfAQQ3940DSgOoVm3kcvTwGF6w-ZK3UUBd3Hl-GwCbtxEcRVTgmZzaE9jatz028MPH-R6yGgq76Q" /></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_2880338"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The earth has more saltwater than freshwater, but people and other animals need fresh water to live, so we must learn to conserve our water."
    data-published-at="2024-02-21T18:49:32-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2880338&#39;, &#39;Search Results&#39;); " href="/programs/b1001_05">
    <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="Sticky Songs: Singable Lessons about Earth Science - Stop And Think About Water" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2880338/horizontal/248dda21-6c92-45e8-9053-fdde7fb53e9f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2880338/horizontal/248dda21-6c92-45e8-9053-fdde7fb53e9f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2880338/horizontal/248dda21-6c92-45e8-9053-fdde7fb53e9f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2880338/horizontal/248dda21-6c92-45e8-9053-fdde7fb53e9f.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:48</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Earth Science - Stop And Think About Water" aria-label="Sticky Songs: Singable Lessons about Earth Science - Stop And Think About Water" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2880338&#39;, &#39;Search Results&#39;); " href="/programs/b1001_05">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - Stop And Think About Water
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857089"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Students will learn how people used to communicate back before we had telephones, internet, and even electricity."
    data-published-at="2024-04-29T16:57:03-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857089&#39;, &#39;Search Results&#39;); " href="/programs/b1003_12">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Sticky Songs: Singable Lessons about Physical Science - Communicate" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857089/horizontal/f794041c-e232-436e-acab-3223254d7de3.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857089/horizontal/f794041c-e232-436e-acab-3223254d7de3.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857089/horizontal/f794041c-e232-436e-acab-3223254d7de3.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857089/horizontal/f794041c-e232-436e-acab-3223254d7de3.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:21</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Communicate" aria-label="Sticky Songs: Singable Lessons about Physical Science - Communicate" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857089&#39;, &#39;Search Results&#39;); " href="/programs/b1003_12">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Communicate
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857088"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Barry the Battery is here to teach students about the different kinds of energy resources we have."
    data-published-at="2024-04-29T16:55:30-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857088&#39;, &#39;Search Results&#39;); " href="/programs/b1003_10">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Sticky Songs: Singable Lessons about Physical Science - Energy (Sources)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857088/horizontal/92aa3a47-95bc-434c-b522-006cdf3a2a5f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857088/horizontal/92aa3a47-95bc-434c-b522-006cdf3a2a5f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857088/horizontal/92aa3a47-95bc-434c-b522-006cdf3a2a5f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857088/horizontal/92aa3a47-95bc-434c-b522-006cdf3a2a5f.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:10</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Energy (Sources)" aria-label="Sticky Songs: Singable Lessons about Physical Science - Energy (Sources)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857088&#39;, &#39;Search Results&#39;); " href="/programs/b1003_10">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Energy (Sources)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857087"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A friendly guitar amp sings about the strength of sound vibrations."
    data-published-at="2024-04-29T16:52:41-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857087&#39;, &#39;Search Results&#39;); " href="/programs/b1003_09">
    <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="Sticky Songs: Singable Lessons about Physical Science - Sound" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857087/horizontal/9ada025a-731b-4c38-aa26-7829254c8926.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857087/horizontal/9ada025a-731b-4c38-aa26-7829254c8926.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857087/horizontal/9ada025a-731b-4c38-aa26-7829254c8926.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857087/horizontal/9ada025a-731b-4c38-aa26-7829254c8926.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:44</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Sound" aria-label="Sticky Songs: Singable Lessons about Physical Science - Sound" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857087&#39;, &#39;Search Results&#39;); " href="/programs/b1003_09">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Sound
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857086"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Bulbina the lightbulb will teach students how some objects reflect light, while others simply block or absorb it."
    data-published-at="2024-04-29T16:49:09-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857086&#39;, &#39;Search Results&#39;); " href="/programs/b1003_08">
    <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="Sticky Songs: Singable Lessons about Physical Science - Light" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857086/horizontal/8f5f074c-6b9b-49a5-97a4-4f2ebd08b52d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857086/horizontal/8f5f074c-6b9b-49a5-97a4-4f2ebd08b52d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857086/horizontal/8f5f074c-6b9b-49a5-97a4-4f2ebd08b52d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857086/horizontal/8f5f074c-6b9b-49a5-97a4-4f2ebd08b52d.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:55</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Light" aria-label="Sticky Songs: Singable Lessons about Physical Science - Light" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857086&#39;, &#39;Search Results&#39;); " href="/programs/b1003_08">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Light
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857085"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Sing alongside a rockstar as she teaches students how the force of gravity affects the movement of matter."
    data-published-at="2024-04-29T16:45:42-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857085&#39;, &#39;Search Results&#39;); " href="/programs/b1003_07">
    <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="Sticky Songs: Singable Lessons about Physical Science - Moving Things" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857085/horizontal/1e4ec93c-d3d8-4f3d-9510-16bdf50445cb.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857085/horizontal/1e4ec93c-d3d8-4f3d-9510-16bdf50445cb.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857085/horizontal/1e4ec93c-d3d8-4f3d-9510-16bdf50445cb.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857085/horizontal/1e4ec93c-d3d8-4f3d-9510-16bdf50445cb.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02: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" title="Sticky Songs: Singable Lessons about Physical Science - Moving Things" aria-label="Sticky Songs: Singable Lessons about Physical Science - Moving Things" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857085&#39;, &#39;Search Results&#39;); " href="/programs/b1003_07">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Moving Things
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857084"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Lead by Hank the magnifying glass students learn how to observe and compare objects based on their properties."
    data-published-at="2024-04-29T16:42:41-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857084&#39;, &#39;Search Results&#39;); " href="/programs/b1003_06">
    <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="Sticky Songs: Singable Lessons about Physical Science - Properties" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857084/horizontal/8f5b727c-7ea4-4fea-a5b4-dd4ab689057b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857084/horizontal/8f5b727c-7ea4-4fea-a5b4-dd4ab689057b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857084/horizontal/8f5b727c-7ea4-4fea-a5b4-dd4ab689057b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857084/horizontal/8f5b727c-7ea4-4fea-a5b4-dd4ab689057b.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:47</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Properties" aria-label="Sticky Songs: Singable Lessons about Physical Science - Properties" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857084&#39;, &#39;Search Results&#39;); " href="/programs/b1003_06">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Properties
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857083"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Aided by unique stop action visuals and magnetic fun, students will see how magnets can pull together, or push each other away."
    data-published-at="2024-04-29T16:39:34-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857083&#39;, &#39;Search Results&#39;); " href="/programs/b1003_05">
    <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="Sticky Songs: Singable Lessons about Physical Science - Magnets are Magnificent" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857083/horizontal/c5f5dae6-5afd-4dbe-8a49-3630a90ef723.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857083/horizontal/c5f5dae6-5afd-4dbe-8a49-3630a90ef723.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857083/horizontal/c5f5dae6-5afd-4dbe-8a49-3630a90ef723.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857083/horizontal/c5f5dae6-5afd-4dbe-8a49-3630a90ef723.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:10</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Magnets are Magnificent" aria-label="Sticky Songs: Singable Lessons about Physical Science - Magnets are Magnificent" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857083&#39;, &#39;Search Results&#39;); " href="/programs/b1003_05">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Magnets are Magnificent
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857082"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Find out what kinds of objects sink and what kinds of objects float with the help of a quirky scientist."
    data-published-at="2024-04-29T15:42:13-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857082&#39;, &#39;Search Results&#39;); " href="/programs/b1003_04">
    <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="Sticky Songs: Singable Lessons about Physical Science - Sinking and Floating" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857082/horizontal/b3618a1d-0d1d-41f0-b77c-cd0135bb9be0.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857082/horizontal/b3618a1d-0d1d-41f0-b77c-cd0135bb9be0.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857082/horizontal/b3618a1d-0d1d-41f0-b77c-cd0135bb9be0.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857082/horizontal/b3618a1d-0d1d-41f0-b77c-cd0135bb9be0.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:51</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Sinking and Floating" aria-label="Sticky Songs: Singable Lessons about Physical Science - Sinking and Floating" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857082&#39;, &#39;Search Results&#39;); " href="/programs/b1003_04">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Sinking and Floating
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857081"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn what happens when you combine different kinds of solids and liquids."
    data-published-at="2024-04-29T15:40:42-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857081&#39;, &#39;Search Results&#39;); " href="/programs/b1003_02">
    <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="Sticky Songs: Singable Lessons about Physical Science - Mixtures" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857081/horizontal/5953a628-3101-4224-b18f-1566852b46fa.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857081/horizontal/5953a628-3101-4224-b18f-1566852b46fa.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857081/horizontal/5953a628-3101-4224-b18f-1566852b46fa.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857081/horizontal/5953a628-3101-4224-b18f-1566852b46fa.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:50</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Mixtures" aria-label="Sticky Songs: Singable Lessons about Physical Science - Mixtures" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857081&#39;, &#39;Search Results&#39;); " href="/programs/b1003_02">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Mixtures
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857080"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Colorful animations and fun, upbeat music engage students as they learn about the three states of matter: solid, liquid, gas."
    data-published-at="2024-04-29T14:24:02-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857080&#39;, &#39;Search Results&#39;); " href="/programs/b1003_01">
    <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="Sticky Songs: Singable Lessons about Physical Science - Properties of Matter" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857080/horizontal/6f9ef84b-42e3-41ec-b989-2a8b788d2f4c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857080/horizontal/6f9ef84b-42e3-41ec-b989-2a8b788d2f4c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857080/horizontal/6f9ef84b-42e3-41ec-b989-2a8b788d2f4c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857080/horizontal/6f9ef84b-42e3-41ec-b989-2a8b788d2f4c.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:20</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Physical Science - Properties of Matter" aria-label="Sticky Songs: Singable Lessons about Physical Science - Properties of Matter" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857080&#39;, &#39;Search Results&#39;); " href="/programs/b1003_01">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Physical Science - Properties of Matter
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857079"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Reese, the recycling bin, will emphasize the point that it is our responsibility to recycle, and urge students to take action."
    data-published-at="2024-04-29T15:44:45-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857079&#39;, &#39;Search Results&#39;); " href="/programs/b1002_06">
    <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="Sticky Songs: Singable Lessons about Life Science - Conserve and Don&#39;t Pollute" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857079/horizontal/df5fca08-607f-45da-80a1-28bd8632f7d8.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857079/horizontal/df5fca08-607f-45da-80a1-28bd8632f7d8.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857079/horizontal/df5fca08-607f-45da-80a1-28bd8632f7d8.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857079/horizontal/df5fca08-607f-45da-80a1-28bd8632f7d8.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:26</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Life Science - Conserve and Don&#39;t Pollute" aria-label="Sticky Songs: Singable Lessons about Life Science - Conserve and Don&#39;t Pollute" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857079&#39;, &#39;Search Results&#39;); " href="/programs/b1002_06">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Life Science - Conserve and Don&#39;t Pollute
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857078"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="With the aid of the sun himself, students will learn about our many ecosystems."
    data-published-at="2024-04-29T15:44:36-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857078&#39;, &#39;Search Results&#39;); " href="/programs/b1002_05">
    <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="Sticky Songs: Singable Lessons about Life Science - Ecosystem" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857078/horizontal/3fe0bbd5-0ee1-4db5-996b-cb62ac57b7e7.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857078/horizontal/3fe0bbd5-0ee1-4db5-996b-cb62ac57b7e7.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857078/horizontal/3fe0bbd5-0ee1-4db5-996b-cb62ac57b7e7.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857078/horizontal/3fe0bbd5-0ee1-4db5-996b-cb62ac57b7e7.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: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" title="Sticky Songs: Singable Lessons about Life Science - Ecosystem" aria-label="Sticky Songs: Singable Lessons about Life Science - Ecosystem" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857078&#39;, &#39;Search Results&#39;); " href="/programs/b1002_05">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Life Science - Ecosystem
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857077"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Physical adaptations and learned adaptations help a species to survive. Physical adaptations can camouflage animals from predators."
    data-published-at="2024-02-21T19:06:22-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857077&#39;, &#39;Search Results&#39;); " href="/programs/b1002_04">
    <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="Sticky Songs: Singable Lessons about Life Science - Adaptation" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857077/horizontal/af3e862a-e132-4269-80ea-abf39565d080.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857077/horizontal/af3e862a-e132-4269-80ea-abf39565d080.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857077/horizontal/af3e862a-e132-4269-80ea-abf39565d080.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857077/horizontal/af3e862a-e132-4269-80ea-abf39565d080.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:44</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Life Science - Adaptation" aria-label="Sticky Songs: Singable Lessons about Life Science - Adaptation" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857077&#39;, &#39;Search Results&#39;); " href="/programs/b1002_04">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Life Science - Adaptation
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857076"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="All animals are made up of different parts, or features. Each feature has a different function to help the animal survive."
    data-published-at="2024-02-21T19:04:44-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857076&#39;, &#39;Search Results&#39;); " href="/programs/b1002_03">
    <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="Sticky Songs: Singable Lessons about Life Science - Animal Features and Their Functions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857076/horizontal/8266a46b-0cb4-4e65-a4b0-1de41c6d3293.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857076/horizontal/8266a46b-0cb4-4e65-a4b0-1de41c6d3293.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857076/horizontal/8266a46b-0cb4-4e65-a4b0-1de41c6d3293.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857076/horizontal/8266a46b-0cb4-4e65-a4b0-1de41c6d3293.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:41</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Life Science - Animal Features and Their Functions" aria-label="Sticky Songs: Singable Lessons about Life Science - Animal Features and Their Functions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857076&#39;, &#39;Search Results&#39;); " href="/programs/b1002_03">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Life Science - Animal Features and Their Functions
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857075"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Plants grow from seeds and need sunlight, air, and water. The process of photosynthesis uses those elements in  to make food for the plant."
    data-published-at="2024-02-21T19:03:24-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857075&#39;, &#39;Search Results&#39;); " href="/programs/b1002_01">
    <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="Sticky Songs: Singable Lessons about Life Science - How Plants Grow" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857075/horizontal/da94de99-d326-4e58-a6b5-7fa6742e99a6.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857075/horizontal/da94de99-d326-4e58-a6b5-7fa6742e99a6.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857075/horizontal/da94de99-d326-4e58-a6b5-7fa6742e99a6.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857075/horizontal/da94de99-d326-4e58-a6b5-7fa6742e99a6.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:23</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Life Science - How Plants Grow" aria-label="Sticky Songs: Singable Lessons about Life Science - How Plants Grow" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857075&#39;, &#39;Search Results&#39;); " href="/programs/b1002_01">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Life Science - How Plants Grow
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857074"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Set sail with an ecstatic crew teaching students all about maps and how to read them!"
    data-published-at="2024-02-21T18:54:58-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857074&#39;, &#39;Search Results&#39;); " href="/programs/b1001_08">
    <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="Sticky Songs: Singable Lessons about Earth Science - There&#39;s Math Behind Each Map" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857074/horizontal/97a098ac-f6c3-4e74-ab57-e3483240858c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857074/horizontal/97a098ac-f6c3-4e74-ab57-e3483240858c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857074/horizontal/97a098ac-f6c3-4e74-ab57-e3483240858c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857074/horizontal/97a098ac-f6c3-4e74-ab57-e3483240858c.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:07</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Earth Science - There&#39;s Math Behind Each Map" aria-label="Sticky Songs: Singable Lessons about Earth Science - There&#39;s Math Behind Each Map" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857074&#39;, &#39;Search Results&#39;); " href="/programs/b1001_08">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - There&#39;s Math Behind Each Map
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857072"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="There are three different types of rocks: igneous, sedimentary, and metamorphic. They are all formed in different ways."
    data-published-at="2024-02-21T18:46:58-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857072&#39;, &#39;Search Results&#39;); " href="/programs/b1001_04">
    <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="Sticky Songs: Singable Lessons about Earth Science - The Rock Song" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857072/horizontal/6e33a2cb-4ead-41d8-8c66-371af103443e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857072/horizontal/6e33a2cb-4ead-41d8-8c66-371af103443e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857072/horizontal/6e33a2cb-4ead-41d8-8c66-371af103443e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857072/horizontal/6e33a2cb-4ead-41d8-8c66-371af103443e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:27</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Earth Science - The Rock Song" aria-label="Sticky Songs: Singable Lessons about Earth Science - The Rock Song" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857072&#39;, &#39;Search Results&#39;); " href="/programs/b1001_04">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - The Rock Song
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857071"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Severe weather like floods, tornadoes, hurricanes, or earthquakes can strike at any time and it&#39;s important to be prepared."
    data-published-at="2024-02-21T18:45:53-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857071&#39;, &#39;Search Results&#39;); " href="/programs/b1001_03">
    <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="Sticky Songs: Singable Lessons about Earth Science - Ready For Whatever Comes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857071/horizontal/55a67acd-a18e-45b4-afe0-69bb9b2bc3c1.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857071/horizontal/55a67acd-a18e-45b4-afe0-69bb9b2bc3c1.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857071/horizontal/55a67acd-a18e-45b4-afe0-69bb9b2bc3c1.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857071/horizontal/55a67acd-a18e-45b4-afe0-69bb9b2bc3c1.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" title="Sticky Songs: Singable Lessons about Earth Science - Ready For Whatever Comes" aria-label="Sticky Songs: Singable Lessons about Earth Science - Ready For Whatever Comes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857071&#39;, &#39;Search Results&#39;); " href="/programs/b1001_03">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - Ready For Whatever Comes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857070"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The Milky Way is our home in space filled with stars, planets, comets, and more!"
    data-published-at="2024-02-21T18:42:58-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857070&#39;, &#39;Search Results&#39;); " href="/programs/b1001_02">
    <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="Sticky Songs: Singable Lessons about Earth Science - Our Home in Space" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857070/horizontal/f902eff3-31f3-49d6-a205-59c0680a5606.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857070/horizontal/f902eff3-31f3-49d6-a205-59c0680a5606.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857070/horizontal/f902eff3-31f3-49d6-a205-59c0680a5606.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857070/horizontal/f902eff3-31f3-49d6-a205-59c0680a5606.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: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" title="Sticky Songs: Singable Lessons about Earth Science - Our Home in Space" aria-label="Sticky Songs: Singable Lessons about Earth Science - Our Home in Space" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857070&#39;, &#39;Search Results&#39;); " href="/programs/b1001_02">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - Our Home in Space
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2857069"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The Earth is our home in space. Although we are alike in some ways, and different in others, we all call Earth our home."
    data-published-at="2024-02-21T16:31:27-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857069&#39;, &#39;Search Results&#39;); " href="/programs/b1001_01">
    <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="Sticky Songs: Singable Lessons about Earth Science - This is Our World" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2857069/horizontal/3e7ebff8-1b0f-4b4a-9106-4ccc9cd5fe37.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2857069/horizontal/3e7ebff8-1b0f-4b4a-9106-4ccc9cd5fe37.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2857069/horizontal/3e7ebff8-1b0f-4b4a-9106-4ccc9cd5fe37.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2857069/horizontal/3e7ebff8-1b0f-4b4a-9106-4ccc9cd5fe37.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:20</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sticky Songs: Singable Lessons about Earth Science - This is Our World" aria-label="Sticky Songs: Singable Lessons about Earth Science - This is Our World" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2857069&#39;, &#39;Search Results&#39;); " href="/programs/b1001_01">
    <span class="line-clamp-2">
      Sticky Songs: Singable Lessons about Earth Science - This is Our World
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value="sticky songs"
  
  clearable
  autofocus
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

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


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="191443" label="ALL SCIENCE" checked>
              <ds-checkbox>ALL SCIENCE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192180" label="Life Science" >
              <ds-checkbox>Life Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192181" label="Physical Science" >
              <ds-checkbox>Physical Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192179" label="Earth Science" >
              <ds-checkbox>Earth Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192381" label="Lab Experiments" >
              <ds-checkbox>Lab Experiments</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192639" label="STEM | Sci, Tec, Eng, Math" >
              <ds-checkbox>STEM | Sci, Tec, Eng, Math</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191442" label="ALL SOCIAL STUDIES" >
              <ds-checkbox>ALL SOCIAL STUDIES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191612" label="U.S. History" >
              <ds-checkbox>U.S. History</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192188" label="Holidays" >
              <ds-checkbox>Holidays</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192183" label="Communities" >
              <ds-checkbox>Communities</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192189" label="Economics" >
              <ds-checkbox>Economics</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191614" label="Geography" >
              <ds-checkbox>Geography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192631" label="Government and Civics" >
              <ds-checkbox>Government and Civics</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192177" label="Health" >
              <ds-checkbox>Health</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193022" label="Math and Language Arts" >
              <ds-checkbox>Math and Language Arts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192383" label="Music Videos and Sing Alongs" >
              <ds-checkbox>Music Videos and Sing Alongs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194594" label="Preschool Programs" >
              <ds-checkbox>Preschool Programs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194601" label="Staff Development" >
              <ds-checkbox>Staff Development</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="198761" label="Children&#39;s" >
              <ds-checkbox>Children&#39;s</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="199760" label="Physical Education" >
              <ds-checkbox>Physical Education</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="211581" label="Interactive Learning Games" >
              <ds-checkbox>Interactive Learning Games</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="211582" label="Pop Quiz Clips" >
              <ds-checkbox>Pop Quiz Clips</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_9490" id="catalog_filter_9490" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Video Length: All" inner-prefix="Video 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="47480" label="Full Video" >
              <ds-checkbox>Full Video</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47481" label="Video Clip" >
              <ds-checkbox>Video Clip</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47482" label="Collection" >
              <ds-checkbox>Collection</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_9491" id="catalog_filter_9491" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Grade Level: All" inner-prefix="Grade Level" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="47483" label="Primary" >
              <ds-checkbox>Primary</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47484" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_9532" id="catalog_filter_9532" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Features: All" inner-prefix="Features" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="47946" label="Interactive activity or game" >
              <ds-checkbox>Interactive activity or game</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47947" label="Printable posters or worksheets" >
              <ds-checkbox>Printable posters or worksheets</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52891" label="Sticky Songs -- that stick in your head!" >
              <ds-checkbox>Sticky Songs -- that stick in your head!</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_search"><template>
  <div class="search-area w-36 md:w-48 relative bg-ds-default text-ds-default border px-4 py-2 box-content rounded-ds-1 border-ds-default" id="catalog_filter_search">
  <input type="text" name="search" id="search" value="sticky songs" placeholder="Search..." data-controller="autofocus" data-catalog-filters-target="search" data-action="keydown-&gt;catalog-filters#search" class="outline-none border-none focus:shadow-transparent focus:ring-transparent p-0 max-w-full placeholder:text-ds-muted" />
    <span class="absolute inset-y-0 right-0 flex items-center pl-2">
      <button type="button" data-test="search-input-clear-button" data-catalog-filters-target="resetSearch" class="p-1 mr-3 focus:outline-none outline-none" data-action="click->catalog-filters#resetSearch">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-gray-500">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

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

</template></turbo-stream>
<turbo-stream action="replace" target="themeless_catalog_filter_search"><template>
  <ds-input
  name="search"
  placeholder="Search videos"
  value="sticky songs"
  
  clearable
  autofocus
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

</template></turbo-stream></body></html>