<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_4204449"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Ziggy the Sloth, our chill music-loving friend with his headphones on! "
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-22T09:31:05-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4204449&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-ziggy-the-sloth-that-loves-music">
    <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 To Draw Ziggy The Sloth That Loves Music" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4204449/horizontal/71e6117d-3ce2-451f-82f7-ecfed65d0400.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4204449/horizontal/71e6117d-3ce2-451f-82f7-ecfed65d0400.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4204449/horizontal/71e6117d-3ce2-451f-82f7-ecfed65d0400.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4204449/horizontal/71e6117d-3ce2-451f-82f7-ecfed65d0400.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">09: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="How To Draw Ziggy The Sloth That Loves Music" aria-label="How To Draw Ziggy The Sloth That Loves Music" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4204449&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-ziggy-the-sloth-that-loves-music">
    <span class="line-clamp-2">
      How To Draw Ziggy The Sloth That Loves Music
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4203096"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Honey the Queen Bee, the royal ruler of the hive! A cute, easy step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-21T12:49:59-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4203096&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-queen-bee">
    <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 To Drawn A Queen Bee" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4203096/horizontal/c8e78306-d23c-4fbc-9199-e739e8d99bea.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4203096/horizontal/c8e78306-d23c-4fbc-9199-e739e8d99bea.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4203096/horizontal/c8e78306-d23c-4fbc-9199-e739e8d99bea.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4203096/horizontal/c8e78306-d23c-4fbc-9199-e739e8d99bea.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">09:00</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Drawn A Queen Bee" aria-label="How To Drawn A Queen Bee" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4203096&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-queen-bee">
    <span class="line-clamp-2">
      How To Drawn A Queen Bee
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4201126"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Bean the Capybara going swimming with his snorkel and mask! A fun, easy summer drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Austin" data-author-permalink-0="author-NgM0uA7Z2AY"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-20T08:01:10-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4201126&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-bean-the-capybara-swimming">
    <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 To Draw Bean The Capybara Swimming" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4201126/horizontal/506315d0-1d30-43e1-9406-0597b70f814f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4201126/horizontal/506315d0-1d30-43e1-9406-0597b70f814f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4201126/horizontal/506315d0-1d30-43e1-9406-0597b70f814f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4201126/horizontal/506315d0-1d30-43e1-9406-0597b70f814f.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:59</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Bean The Capybara Swimming" aria-label="How To Draw Bean The Capybara Swimming" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4201126&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-bean-the-capybara-swimming">
    <span class="line-clamp-2">
      How To Draw Bean The Capybara Swimming
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4199340"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a Funny Summer Lemonade with the silliest face! An easy step-by-step kawaii drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-05-19T10:53:08-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4199340&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-funny-summer-lemonade">
    <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 To Draw Funny Summer Lemonade" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4199340/horizontal/9c0b58e5-cf71-4e84-abcc-aadba3cf351a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4199340/horizontal/9c0b58e5-cf71-4e84-abcc-aadba3cf351a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4199340/horizontal/9c0b58e5-cf71-4e84-abcc-aadba3cf351a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4199340/horizontal/9c0b58e5-cf71-4e84-abcc-aadba3cf351a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:59</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Funny Summer Lemonade" aria-label="How To Draw Funny Summer Lemonade" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4199340&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-funny-summer-lemonade">
    <span class="line-clamp-2">
      How To Draw Funny Summer Lemonade
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4198074"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Meet Shelly the Sea Turtle! Draw our newest friend learning to swim with her floaties in this easy step-by-step lesson from Art for Kids Hub"
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-18T08:00:01-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4198074&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-shelly-the-sea-turtle">
    <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 To Draw Shelly The Sea Turtle" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4198074/horizontal/c5338608-0bcd-449c-835d-feb8760a8b41.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4198074/horizontal/c5338608-0bcd-449c-835d-feb8760a8b41.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4198074/horizontal/c5338608-0bcd-449c-835d-feb8760a8b41.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4198074/horizontal/c5338608-0bcd-449c-835d-feb8760a8b41.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:42</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="How To Draw Shelly The Sea Turtle" aria-label="How To Draw Shelly The Sea Turtle" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4198074&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-shelly-the-sea-turtle">
    <span class="line-clamp-2">
      How To Draw Shelly The Sea Turtle
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4198071"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw your favorite insect!"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-05-18T07:04:11-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4198071&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-favorite-insect">
    <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="Sketchbook Challenge - draw your favorite insect" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4198071/horizontal/5b04154f-f886-4cb8-8f87-db9dc87b409f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4198071/horizontal/5b04154f-f886-4cb8-8f87-db9dc87b409f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4198071/horizontal/5b04154f-f886-4cb8-8f87-db9dc87b409f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4198071/horizontal/5b04154f-f886-4cb8-8f87-db9dc87b409f.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">00:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sketchbook Challenge - draw your favorite insect" aria-label="Sketchbook Challenge - draw your favorite insect" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4198071&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-favorite-insect">
    <span class="line-clamp-2">
      Sketchbook Challenge - draw your favorite insect
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4195063"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Meet Pickle the Axolotl Scientist! Draw our new endangered-species-loving friend in this easy step-by-step lesson for kids from Art for Kids"
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-15T08:16:27-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4195063&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-pickle-the-axolotl-scientist">
    <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 To Draw Pickle The Axolotl Scientist" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4195063/horizontal/24e3676b-9fba-43ad-81f4-fb95e96c6c4d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4195063/horizontal/24e3676b-9fba-43ad-81f4-fb95e96c6c4d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4195063/horizontal/24e3676b-9fba-43ad-81f4-fb95e96c6c4d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4195063/horizontal/24e3676b-9fba-43ad-81f4-fb95e96c6c4d.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">13: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="How To Draw Pickle The Axolotl Scientist" aria-label="How To Draw Pickle The Axolotl Scientist" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4195063&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-pickle-the-axolotl-scientist">
    <span class="line-clamp-2">
      How To Draw Pickle The Axolotl Scientist
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4193835"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Bean the Summer Capybara, our new beach-ready friend snacking on watermelon! A fun, easy drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-14T09:26:07-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4193835&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-bean-the-summer-capybara">
    <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 To Draw Bean The Summer Capybara" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4193835/horizontal/32edaeb4-f6d9-47f2-996b-bc0565ac1545.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4193835/horizontal/32edaeb4-f6d9-47f2-996b-bc0565ac1545.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4193835/horizontal/32edaeb4-f6d9-47f2-996b-bc0565ac1545.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4193835/horizontal/32edaeb4-f6d9-47f2-996b-bc0565ac1545.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Bean The Summer Capybara" aria-label="How To Draw Bean The Summer Capybara" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4193835&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-bean-the-summer-capybara">
    <span class="line-clamp-2">
      How To Draw Bean The Summer Capybara
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4190632"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Cuddles the Teddy Bear Nurse to celebrate Nurses Week! A sweet, easy step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Austin" data-author-permalink-0="author-NgM0uA7Z2AY"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-12T09:51:48-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4190632&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cuddles-teddy-bear-nurse">
    <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 To Draw Cuddles Teddy Bear Nurse" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4190632/horizontal/97202b6b-7182-4bc7-9b68-f4149172c4a6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4190632/horizontal/97202b6b-7182-4bc7-9b68-f4149172c4a6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4190632/horizontal/97202b6b-7182-4bc7-9b68-f4149172c4a6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4190632/horizontal/97202b6b-7182-4bc7-9b68-f4149172c4a6.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:14</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="How To Draw Cuddles Teddy Bear Nurse" aria-label="How To Draw Cuddles Teddy Bear Nurse" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4190632&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cuddles-teddy-bear-nurse">
    <span class="line-clamp-2">
      How To Draw Cuddles Teddy Bear Nurse
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4188086"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is inspired by Mother’s Day!"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-05-10T09:03:27-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4188086&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-draw-a-mom-and-baby-animal">
    <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="Sketchbook Challenge - Draw A Mom And Baby Animal" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4188086/horizontal/3fdde1b4-ed73-49fe-99b7-4936d867673d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4188086/horizontal/3fdde1b4-ed73-49fe-99b7-4936d867673d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4188086/horizontal/3fdde1b4-ed73-49fe-99b7-4936d867673d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4188086/horizontal/3fdde1b4-ed73-49fe-99b7-4936d867673d.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">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" title="Sketchbook Challenge - Draw A Mom And Baby Animal" aria-label="Sketchbook Challenge - Draw A Mom And Baby Animal" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4188086&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-draw-a-mom-and-baby-animal">
    <span class="line-clamp-2">
      Sketchbook Challenge - Draw A Mom And Baby Animal
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4186303"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Meet Noodle the Jellyfish Chef! A fun, easy step-by-step drawing lesson featuring our new under-the-sea character from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-11T08:00:00-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4186303&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-noodle-the-jellyfish-chef">
    <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 To Draw Noodle The Jellyfish Chef" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4186303/horizontal/9274c7e1-0e96-4c06-a756-019f26ac02c8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4186303/horizontal/9274c7e1-0e96-4c06-a756-019f26ac02c8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4186303/horizontal/9274c7e1-0e96-4c06-a756-019f26ac02c8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4186303/horizontal/9274c7e1-0e96-4c06-a756-019f26ac02c8.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">09:17</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="How To Draw Noodle The Jellyfish Chef" aria-label="How To Draw Noodle The Jellyfish Chef" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4186303&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-noodle-the-jellyfish-chef">
    <span class="line-clamp-2">
      How To Draw Noodle The Jellyfish Chef
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4186288"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Make a Funny Birthday Pop-Up Card with the cutest kawaii cake character! An easy step-by-step craft for kids from Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-author-title-1="Teryn" data-author-permalink-1="author-d3M1ynknfZQ"
    data-published-at="2026-05-13T08:00:08-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4186288&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-funny-birthday-pop-up-card">
    <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 To Draw A Funny Birthday Pop-Up Card" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4186288/horizontal/1e04d52b-6875-4c8b-89ab-8dc70147c221.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4186288/horizontal/1e04d52b-6875-4c8b-89ab-8dc70147c221.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4186288/horizontal/1e04d52b-6875-4c8b-89ab-8dc70147c221.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4186288/horizontal/1e04d52b-6875-4c8b-89ab-8dc70147c221.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">09:52</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Funny Birthday Pop-Up Card" aria-label="How To Draw A Funny Birthday Pop-Up Card" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4186288&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-funny-birthday-pop-up-card">
    <span class="line-clamp-2">
      How To Draw A Funny Birthday Pop-Up Card
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4185529"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a Mom and Baby Strawberry for Mother&#39;s Day with the sweetest &quot;I love you BERRY much&quot; message! Easy lesson for kids from Art for Kids Hu"
    data-author-title-0="Olivia" data-author-permalink-0="author-jyppJ9QcLp0"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-08T08:11:32-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4185529&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-mom-and-baby-strawberry-for-mothers-day">
    <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 To Draw A Mom And Baby Strawberry For Mother&#39;s Day" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4185529/horizontal/d718f9d3-1b86-4e4c-a876-e5a15527af0b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4185529/horizontal/d718f9d3-1b86-4e4c-a876-e5a15527af0b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4185529/horizontal/d718f9d3-1b86-4e4c-a876-e5a15527af0b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4185529/horizontal/d718f9d3-1b86-4e4c-a876-e5a15527af0b.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:03</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="How To Draw A Mom And Baby Strawberry For Mother&#39;s Day" aria-label="How To Draw A Mom And Baby Strawberry For Mother&#39;s Day" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4185529&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-mom-and-baby-strawberry-for-mothers-day">
    <span class="line-clamp-2">
      How To Draw A Mom And Baby Strawberry For Mother&#39;s Day
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4183708"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a sweet Mom and Baby Capybara for Mother&#39;s Day! A fun, easy step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-05-07T08:13:49-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4183708&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-mom-and-baby-capybara">
    <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 To Draw A Mom And Baby Capybara" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4183708/horizontal/2e396732-ff51-4fdf-abd2-db0d1c3c76b3.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4183708/horizontal/2e396732-ff51-4fdf-abd2-db0d1c3c76b3.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4183708/horizontal/2e396732-ff51-4fdf-abd2-db0d1c3c76b3.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4183708/horizontal/2e396732-ff51-4fdf-abd2-db0d1c3c76b3.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:40</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Mom And Baby Capybara" aria-label="How To Draw A Mom And Baby Capybara" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4183708&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-mom-and-baby-capybara">
    <span class="line-clamp-2">
      How To Draw A Mom And Baby Capybara
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4179693"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Make a sweet Pop Up Mother&#39;s Day Card with tulips that spell M-O-M! An easy step-by-step craft for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-06T08:00:00-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4179693&#39;, &#39;Search Results&#39;); " href="/programs/how-to-make-a-pop-up-mothers-day-card">
    <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 To Make A Pop Up Mother&#39;s Day Card" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4179693/horizontal/5187c47e-78b9-4b90-b3fb-a6d6fb7891c6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4179693/horizontal/5187c47e-78b9-4b90-b3fb-a6d6fb7891c6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4179693/horizontal/5187c47e-78b9-4b90-b3fb-a6d6fb7891c6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4179693/horizontal/5187c47e-78b9-4b90-b3fb-a6d6fb7891c6.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">12:25</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="How To Make A Pop Up Mother&#39;s Day Card" aria-label="How To Make A Pop Up Mother&#39;s Day Card" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4179693&#39;, &#39;Search Results&#39;); " href="/programs/how-to-make-a-pop-up-mothers-day-card">
    <span class="line-clamp-2">
      How To Make A Pop Up Mother&#39;s Day Card
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4178869"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a pinata folding surprise for Cinco de Mayo! A fun, easy step-by-step folding surprise drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-05T14:02:41-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4178869&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-pinata-folding-surprise">
    <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 To Draw A Pinata Folding Surprise" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4178869/horizontal/1f57e67d-a597-4129-bbc3-e67025bd55ad.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4178869/horizontal/1f57e67d-a597-4129-bbc3-e67025bd55ad.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4178869/horizontal/1f57e67d-a597-4129-bbc3-e67025bd55ad.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4178869/horizontal/1f57e67d-a597-4129-bbc3-e67025bd55ad.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">12: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" title="How To Draw A Pinata Folding Surprise" aria-label="How To Draw A Pinata Folding Surprise" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4178869&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-pinata-folding-surprise">
    <span class="line-clamp-2">
      How To Draw A Pinata Folding Surprise
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4177960"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to create your own droid! "
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-05-03T14:39:01-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4177960&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-draw-your-own-droid">
    <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="Sketchbook Challenge - Draw Your Own Droid" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4177960/horizontal/50e8257c-eb13-437d-ae13-4b16aca4833d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4177960/horizontal/50e8257c-eb13-437d-ae13-4b16aca4833d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4177960/horizontal/50e8257c-eb13-437d-ae13-4b16aca4833d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4177960/horizontal/50e8257c-eb13-437d-ae13-4b16aca4833d.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">00: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" title="Sketchbook Challenge - Draw Your Own Droid" aria-label="Sketchbook Challenge - Draw Your Own Droid" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4177960&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-draw-your-own-droid">
    <span class="line-clamp-2">
      Sketchbook Challenge - Draw Your Own Droid
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4175046"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a cute Darth Maul for Star Wars Day! A fun, easy step-by-step drawing lesson for kids from Art for Kids Hub. May the 4th be with you!"
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-05-01T08:00:05-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4175046&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cute-darth-maul">
    <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 To Draw Cute Darth Maul" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4175046/horizontal/6bf197f5-f451-4c49-9070-aa039f6f84d2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4175046/horizontal/6bf197f5-f451-4c49-9070-aa039f6f84d2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4175046/horizontal/6bf197f5-f451-4c49-9070-aa039f6f84d2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4175046/horizontal/6bf197f5-f451-4c49-9070-aa039f6f84d2.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">10: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="How To Draw Cute Darth Maul" aria-label="How To Draw Cute Darth Maul" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4175046&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cute-darth-maul">
    <span class="line-clamp-2">
      How To Draw Cute Darth Maul
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4174284"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a phoenix, griffin, sasquatch, minotaur, and more mythical creatures at Art for Kids Hub."
    data-published-at="2026-04-30T11:21:31-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4174284&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-more-mythical-animals">
    <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 to Draw More Mythical Animals" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4174284/horizontal/88d8b7d9-7b75-480f-9ce3-1148fc086d06.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4174284/horizontal/88d8b7d9-7b75-480f-9ce3-1148fc086d06.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4174284/horizontal/88d8b7d9-7b75-480f-9ce3-1148fc086d06.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4174284/horizontal/88d8b7d9-7b75-480f-9ce3-1148fc086d06.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="How to Draw More Mythical Animals" aria-label="How to Draw More Mythical Animals" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4174284&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-more-mythical-animals">
    <span class="line-clamp-2">
      How to Draw More Mythical Animals
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4173028"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Tommy the triceratops! A super cute, easy step-by-step dinosaur drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Austin" data-author-permalink-0="author-NgM0uA7Z2AY"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-30T08:01:11-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4173028&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-tommy-the-triceratops">
    <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 To Draw Tommy The Triceratops" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4173028/horizontal/f4bde282-232f-44e6-a455-8ed55d16d2fc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4173028/horizontal/f4bde282-232f-44e6-a455-8ed55d16d2fc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4173028/horizontal/f4bde282-232f-44e6-a455-8ed55d16d2fc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4173028/horizontal/f4bde282-232f-44e6-a455-8ed55d16d2fc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:32</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="How To Draw Tommy The Triceratops" aria-label="How To Draw Tommy The Triceratops" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4173028&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-tommy-the-triceratops">
    <span class="line-clamp-2">
      How To Draw Tommy The Triceratops
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4171776"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a Capybara Squishmallow! A super cute, easy step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Olivia" data-author-permalink-0="author-jyppJ9QcLp0"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-29T08:00:10-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4171776&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-capybara-squishmallow">
    <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 To Draw A Capybara Squishmallow" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4171776/horizontal/1c6a3643-cdb6-41d9-a1fd-e84a42c844fc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4171776/horizontal/1c6a3643-cdb6-41d9-a1fd-e84a42c844fc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4171776/horizontal/1c6a3643-cdb6-41d9-a1fd-e84a42c844fc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4171776/horizontal/1c6a3643-cdb6-41d9-a1fd-e84a42c844fc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:04</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="How To Draw A Capybara Squishmallow" aria-label="How To Draw A Capybara Squishmallow" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4171776&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-capybara-squishmallow">
    <span class="line-clamp-2">
      How To Draw A Capybara Squishmallow
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4171098"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw George the woolly mammoth! A cute, easy step-by-step prehistoric animal drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-28T14:21:50-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4171098&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-george-the-woolly-mammoth">
    <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 To Draw George The Woolly Mammoth" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4171098/horizontal/03f0b39b-58ef-4b2a-b09b-eb512b5d8362.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4171098/horizontal/03f0b39b-58ef-4b2a-b09b-eb512b5d8362.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4171098/horizontal/03f0b39b-58ef-4b2a-b09b-eb512b5d8362.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4171098/horizontal/03f0b39b-58ef-4b2a-b09b-eb512b5d8362.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:11</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw George The Woolly Mammoth" aria-label="How To Draw George The Woolly Mammoth" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4171098&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-george-the-woolly-mammoth">
    <span class="line-clamp-2">
      How To Draw George The Woolly Mammoth
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4169176"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Princess Rosalina from Super Mario Galaxy! A fun, step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-27T12:02:52-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169176&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-princess-rosalina-from-super-mario-galaxy">
    <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 To Draw Princess Rosalina from Super Mario Galaxy" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.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">13:06</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="How To Draw Princess Rosalina from Super Mario Galaxy" aria-label="How To Draw Princess Rosalina from Super Mario Galaxy" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169176&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-princess-rosalina-from-super-mario-galaxy">
    <span class="line-clamp-2">
      How To Draw Princess Rosalina from Super Mario Galaxy
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4169172"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Did you know that red, yellow, and blue are the only three colors you can&#39;t make by mixing other colors together?"
    data-author-title-0="Austin" data-author-permalink-0="author-NgM0uA7Z2AY"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-27T14:01:28-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169172&#39;, &#39;Search Results&#39;); " href="/programs/art-foundations-the-magic-of-primary-colors">
    <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="Art Foundations — The Magic of Primary Colors (Members Only)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.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: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" title="Art Foundations — The Magic of Primary Colors (Members Only)" aria-label="Art Foundations — The Magic of Primary Colors (Members Only)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169172&#39;, &#39;Search Results&#39;); " href="/programs/art-foundations-the-magic-of-primary-colors">
    <span class="line-clamp-2">
      Art Foundations — The Magic of Primary Colors (Members Only)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4167868"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw your favorite zoo animal!"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-26T12:34:10-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4167868&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-zoo">
    <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="Sketchbook Challenge - Draw your favorite zoo animal" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.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">00: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" title="Sketchbook Challenge - Draw your favorite zoo animal" aria-label="Sketchbook Challenge - Draw your favorite zoo animal" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4167868&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-zoo">
    <span class="line-clamp-2">
      Sketchbook Challenge - Draw your favorite zoo animal
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4166851"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw fairies, tooth fairies, and fairy accessories with easy step-by-step lessons at Art for Kids Hub."
    data-published-at="2026-04-25T08:16:42-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4166851&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-fairies">
    <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 to Draw Fairies" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4166851/horizontal/d7f6bfdf-40eb-4ef0-b69e-754b32f82754.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4166851/horizontal/d7f6bfdf-40eb-4ef0-b69e-754b32f82754.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4166851/horizontal/d7f6bfdf-40eb-4ef0-b69e-754b32f82754.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4166851/horizontal/d7f6bfdf-40eb-4ef0-b69e-754b32f82754.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</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="How to Draw Fairies" aria-label="How to Draw Fairies" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4166851&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-fairies">
    <span class="line-clamp-2">
      How to Draw Fairies
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4166273"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw mermaids, mermaid mashups, and Ariel with easy step-by-step lessons at Art for Kids Hub."
    data-published-at="2026-04-24T13:16:46-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4166273&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-mermaids">
    <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 to Draw Mermaids" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4166273/horizontal/60f3624e-a003-444d-b3c9-c6e927304241.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4166273/horizontal/60f3624e-a003-444d-b3c9-c6e927304241.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4166273/horizontal/60f3624e-a003-444d-b3c9-c6e927304241.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4166273/horizontal/60f3624e-a003-444d-b3c9-c6e927304241.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">11</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Draw Mermaids" aria-label="How to Draw Mermaids" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4166273&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-mermaids">
    <span class="line-clamp-2">
      How to Draw Mermaids
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4164711"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw unicorns, pegasus, alicorns, and magical mashups with easy step-by-step lessons at Art for Kids Hub."
    data-published-at="2026-04-23T08:42:10-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4164711&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-unicorns">
    <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 to Draw Unicorns" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4164711/horizontal/8114faba-5eb8-4171-8707-ef192dc29cb2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4164711/horizontal/8114faba-5eb8-4171-8707-ef192dc29cb2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4164711/horizontal/8114faba-5eb8-4171-8707-ef192dc29cb2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4164711/horizontal/8114faba-5eb8-4171-8707-ef192dc29cb2.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">28</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Draw Unicorns" aria-label="How to Draw Unicorns" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4164711&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-unicorns">
    <span class="line-clamp-2">
      How to Draw Unicorns
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4163904"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Over an hour of easy drawing lessons for preschoolers! 11 of our most popular little-kid favorites in one video from Art for Kids Hub."
    data-author-title-0="Olivia" data-author-permalink-0="author-jyppJ9QcLp0"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-24T08:00:03-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4163904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-11-easy-things-for-preschoolers">
    <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 To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:16: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="How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" aria-label="How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4163904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-11-easy-things-for-preschoolers">
    <span class="line-clamp-2">
      How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4163040"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw dragons step by step, from baby dragons to Chinese dragons and movie favorites, at Art for Kids Hub."
    data-published-at="2026-04-22T10:31:04-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4163040&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-dragons">
    <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 to Draw Dragons" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4163040/horizontal/17a38a6c-60d8-4f6b-ba79-ae4a983197fd.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4163040/horizontal/17a38a6c-60d8-4f6b-ba79-ae4a983197fd.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4163040/horizontal/17a38a6c-60d8-4f6b-ba79-ae4a983197fd.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4163040/horizontal/17a38a6c-60d8-4f6b-ba79-ae4a983197fd.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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" title="How to Draw Dragons" aria-label="How to Draw Dragons" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4163040&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-dragons">
    <span class="line-clamp-2">
      How to Draw Dragons
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4162994"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw boats, ships, submarines, and more with easy step-by-step lessons at Art for Kids Hub."
    data-published-at="2026-04-22T08:54:26-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4162994&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-boats-ships">
    <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 to Draw Boats &amp; Ships" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4162994/horizontal/96da2a4b-3e60-4a9c-9cc6-379afd23f1cc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4162994/horizontal/96da2a4b-3e60-4a9c-9cc6-379afd23f1cc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4162994/horizontal/96da2a4b-3e60-4a9c-9cc6-379afd23f1cc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4162994/horizontal/96da2a4b-3e60-4a9c-9cc6-379afd23f1cc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="How to Draw Boats &amp; Ships" aria-label="How to Draw Boats &amp; Ships" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4162994&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-boats-ships">
    <span class="line-clamp-2">
      How to Draw Boats &amp; Ships
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4162320"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw airplanes, helicopters, jets, and hot air balloons with easy step-by-step lessons at Art for Kids Hub."
    data-published-at="2026-04-21T20:31:56-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4162320&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-planes-helicopters">
    <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 to Draw Planes &amp; Helicopters" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4162320/horizontal/f5341a03-1990-48ba-9ee2-33ccd13fa751.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4162320/horizontal/f5341a03-1990-48ba-9ee2-33ccd13fa751.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4162320/horizontal/f5341a03-1990-48ba-9ee2-33ccd13fa751.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4162320/horizontal/f5341a03-1990-48ba-9ee2-33ccd13fa751.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="How to Draw Planes &amp; Helicopters" aria-label="How to Draw Planes &amp; Helicopters" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4162320&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-planes-helicopters">
    <span class="line-clamp-2">
      How to Draw Planes &amp; Helicopters
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4161652"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Celebrate Earth Day by drawing the cutest Earth and moon buddies! A fun, easy step-by-step drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-author-title-1="Teryn" data-author-permalink-1="author-d3M1ynknfZQ"
    data-published-at="2026-04-22T08:00:00-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4161652&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-earth-and-moon-buddies-for-earth-day">
    <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 To Draw The Earth And Moon Buddies For Earth Day" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4161652/horizontal/05400b3d-fc24-4115-aaa7-4dd4643621dd.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4161652/horizontal/05400b3d-fc24-4115-aaa7-4dd4643621dd.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4161652/horizontal/05400b3d-fc24-4115-aaa7-4dd4643621dd.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4161652/horizontal/05400b3d-fc24-4115-aaa7-4dd4643621dd.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:28</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw The Earth And Moon Buddies For Earth Day" aria-label="How To Draw The Earth And Moon Buddies For Earth Day" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4161652&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-earth-and-moon-buddies-for-earth-day">
    <span class="line-clamp-2">
      How To Draw The Earth And Moon Buddies For Earth Day
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4160766"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a magical unicorn folding surprise! Start with a purple crystal egg and open it up to reveal a cute unicorn with Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-21T08:28:48-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160766&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-unicorn-in-a-crystal-egg-folding-surprise">
    <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 To Draw A Unicorn In A Crystal Egg Folding Surprise" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.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">09: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="How To Draw A Unicorn In A Crystal Egg Folding Surprise" aria-label="How To Draw A Unicorn In A Crystal Egg Folding Surprise" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160766&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-unicorn-in-a-crystal-egg-folding-surprise">
    <span class="line-clamp-2">
      How To Draw A Unicorn In A Crystal Egg Folding Surprise
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4160760"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to fold a sweet origami heart with Art for Kids Hub! An easy, step-by-step paper folding tutorial for kids with just one square of"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-author-title-1="Teryn" data-author-permalink-1="author-d3M1ynknfZQ"
    data-published-at="2026-04-23T08:00:00-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160760&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-an-origami-heart">
    <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 To Fold An Origami Heart" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.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: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="How To Fold An Origami Heart" aria-label="How To Fold An Origami Heart" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160760&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-an-origami-heart">
    <span class="line-clamp-2">
      How To Fold An Origami Heart
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4159631"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Fold colorful origami tulips and turn them into a spring paper craft with Art for Kids Hub! An easy, fun mixed-media art lesson for kids."
    data-author-title-0="Olivia" data-author-permalink-0="author-jyppJ9QcLp0"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-20T08:39:40-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4159631&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-tulip-paper-craft">
    <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 To Fold A Tulip Paper Craft" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.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">10: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" title="How To Fold A Tulip Paper Craft" aria-label="How To Fold A Tulip Paper Craft" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4159631&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-tulip-paper-craft">
    <span class="line-clamp-2">
      How To Fold A Tulip Paper Craft
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4158542"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw your favorite mythical creature! "
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-19T13:21:08-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4158542&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-mythical-creature-diff">
    <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="Sketchbook Challenge - Favorite mythical creature" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.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">00: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="Sketchbook Challenge - Favorite mythical creature" aria-label="Sketchbook Challenge - Favorite mythical creature" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4158542&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-mythical-creature-diff">
    <span class="line-clamp-2">
      Sketchbook Challenge - Favorite mythical creature
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4154298"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to make an origami paper football with Art for Kids Hub! A fun, easy step-by-step paper folding tutorial for kids."
    data-author-title-0="Olivia" data-author-permalink-0="author-jyppJ9QcLp0"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-17T08:12:35-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4154298&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-paper-football-origami">
    <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 To Fold A Paper Football Origami" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08: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="How To Fold A Paper Football Origami" aria-label="How To Fold A Paper Football Origami" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4154298&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-paper-football-origami">
    <span class="line-clamp-2">
      How To Fold A Paper Football Origami
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4152729"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw trucks step by step with easy drawing lessons for kids. Draw dump trucks, monster trucks, fire trucks, and more at Art for"
    data-published-at="2026-04-15T12:48:35-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152729&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-trucks">
    <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 to Draw Trucks" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152729/horizontal/37107b8f-7c03-4b16-8065-22aede1de02a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152729/horizontal/37107b8f-7c03-4b16-8065-22aede1de02a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152729/horizontal/37107b8f-7c03-4b16-8065-22aede1de02a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152729/horizontal/37107b8f-7c03-4b16-8065-22aede1de02a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">11</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Draw Trucks" aria-label="How to Draw Trucks" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152729&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-trucks">
    <span class="line-clamp-2">
      How to Draw Trucks
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4152722"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw cars step by step with 20+ easy drawing lessons for kids. Draw sports cars, race cars, and more at Art for Kids Hub.
"
    data-published-at="2026-04-15T12:37:41-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152722&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cars">
    <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 to Draw Cars" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152722/horizontal/1a03fd3a-ddd7-45e5-acdf-aaa88468a6f4.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152722/horizontal/1a03fd3a-ddd7-45e5-acdf-aaa88468a6f4.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152722/horizontal/1a03fd3a-ddd7-45e5-acdf-aaa88468a6f4.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152722/horizontal/1a03fd3a-ddd7-45e5-acdf-aaa88468a6f4.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">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="How to Draw Cars" aria-label="How to Draw Cars" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152722&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-cars">
    <span class="line-clamp-2">
      How to Draw Cars
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream><turbo-stream action="after" target="catalog_content"><template>
  <turbo-frame loading="lazy" id="catalog_content_page_2" src="/catalog/search?action=search&amp;controller=storefront%2Fcatalogs&amp;format=turbo_stream&amp;page=2" target="_top"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group 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="258024" label="Sketchbook Challenge" >
              <ds-checkbox>Sketchbook Challenge</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26426" label="How To Draw" >
              <ds-checkbox>How To Draw</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34221" label="Art Skills" >
              <ds-checkbox>Art Skills</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41450" label="Members Only" >
              <ds-checkbox>Members Only</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="282269" label="How to Draw Vehicles" >
              <ds-checkbox>How to Draw Vehicles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="281897" label="How To Draw Animals" >
              <ds-checkbox>How To Draw Animals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="282943" label="How To Draw Mythical Animals" >
              <ds-checkbox>How To Draw Mythical Animals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="256701" label="Preschool Alphabet Drawing" >
              <ds-checkbox>Preschool Alphabet Drawing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47341" label="Holidays" >
              <ds-checkbox>Holidays</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49183" label="Seasons" >
              <ds-checkbox>Seasons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26433" label="Folding Surprise" >
              <ds-checkbox>Folding Surprise</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="94268" label="How To Draw Sports" >
              <ds-checkbox>How To Draw Sports</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85842" label="How To Draw Emojis" >
              <ds-checkbox>How To Draw Emojis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="86466" label="How To Draw Funny Food" >
              <ds-checkbox>How To Draw Funny Food</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85848" label="Preschool Art Lessons" >
              <ds-checkbox>Preschool Art Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85855" label="Advanced Art Lessons" >
              <ds-checkbox>Advanced Art Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="90659" label="How To Draw Sharks" >
              <ds-checkbox>How To Draw Sharks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26428" label="Paper Crafts" >
              <ds-checkbox>Paper Crafts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26427" label="How To Paint" >
              <ds-checkbox>How To Paint</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="274783" label="Minecraft Art" >
              <ds-checkbox>Minecraft Art</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26429" label="How To Sculpt" >
              <ds-checkbox>How To Sculpt</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26430" label="For Parents &amp; Teachers" >
              <ds-checkbox>For Parents &amp; Teachers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26441" label="Fun Stuff" >
              <ds-checkbox>Fun Stuff</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="265327" label="Draft Category 1" >
              <ds-checkbox>Draft Category 1</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9630" label="Austin" >
              <ds-checkbox>Austin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9628" label="Hadley" >
              <ds-checkbox>Hadley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9627" label="Jack" >
              <ds-checkbox>Jack</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9631" label="Olivia" >
              <ds-checkbox>Olivia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9633" label="Rob" >
              <ds-checkbox>Rob</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9632" label="Teryn" >
              <ds-checkbox>Teryn</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_568" id="catalog_filter_568" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Art Core: All" inner-prefix="Art Core" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3341" label="Line" >
              <ds-checkbox>Line</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3342" label="Shape" >
              <ds-checkbox>Shape</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3343" label="Shading" >
              <ds-checkbox>Shading</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3344" label="Overlapping" >
              <ds-checkbox>Overlapping</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3345" label="Form" >
              <ds-checkbox>Form</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3346" label="Perspective" >
              <ds-checkbox>Perspective</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3347" label="Color" >
              <ds-checkbox>Color</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_560" id="catalog_filter_560" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Level: All" inner-prefix="Level" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3274" label="Preschool" >
              <ds-checkbox>Preschool</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3275" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3276" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3277" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_556" id="catalog_filter_556" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Holidays: All" inner-prefix="Holidays" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3220" label="Birthday" >
              <ds-checkbox>Birthday</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3221" label="New Year" >
              <ds-checkbox>New Year</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3222" label="Valentine&#39;s Day" >
              <ds-checkbox>Valentine&#39;s Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3223" label="President&#39;s Day" >
              <ds-checkbox>President&#39;s Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3224" label="St. Patrick&#39;s" >
              <ds-checkbox>St. Patrick&#39;s</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3225" label="Easter" >
              <ds-checkbox>Easter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3226" label="Earth Day" >
              <ds-checkbox>Earth Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3227" label="Mother&#39;s Day" >
              <ds-checkbox>Mother&#39;s Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3228" label="Father&#39;s Day" >
              <ds-checkbox>Father&#39;s Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3229" label="July 4th" >
              <ds-checkbox>July 4th</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3230" label="Halloween" >
              <ds-checkbox>Halloween</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3231" label="Thanksgiving" >
              <ds-checkbox>Thanksgiving</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3232" label="Christmas" >
              <ds-checkbox>Christmas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3233" label="Cinco de Mayo" >
              <ds-checkbox>Cinco de Mayo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3234" label="Veterans Day" >
              <ds-checkbox>Veterans Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3235" label="Memorial Day" >
              <ds-checkbox>Memorial Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3236" label="Lunar New Year" >
              <ds-checkbox>Lunar New Year</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3237" label="Hanukkah" >
              <ds-checkbox>Hanukkah</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3238" label="Kwanzaa" >
              <ds-checkbox>Kwanzaa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3239" label="Ramadan" >
              <ds-checkbox>Ramadan</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_565" id="catalog_filter_565" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Seasons: All" inner-prefix="Seasons" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3306" label="Spring" >
              <ds-checkbox>Spring</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3307" label="Summer" >
              <ds-checkbox>Summer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3308" label="Fall" >
              <ds-checkbox>Fall</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3309" label="Winter" >
              <ds-checkbox>Winter</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_562" id="catalog_filter_562" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="People: All" inner-prefix="People" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3282" label="Famous" >
              <ds-checkbox>Famous</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3283" label="Sports" >
              <ds-checkbox>Sports</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3284" label="History" >
              <ds-checkbox>History</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3285" label="Community Helpers" >
              <ds-checkbox>Community Helpers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3286" label="Artist" >
              <ds-checkbox>Artist</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3287" label="Misc" >
              <ds-checkbox>Misc</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3288" label="Princess" >
              <ds-checkbox>Princess</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3289" label="Family" >
              <ds-checkbox>Family</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3290" label="Cultural" >
              <ds-checkbox>Cultural</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_567" id="catalog_filter_567" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Animal: All" inner-prefix="Animal" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3318" label="Birds" >
              <ds-checkbox>Birds</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3319" label="Cats" >
              <ds-checkbox>Cats</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3320" label="Dogs" >
              <ds-checkbox>Dogs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3321" label="Insects &amp; Crawlers" >
              <ds-checkbox>Insects &amp; Crawlers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3322" label="Fish (Underwater)" >
              <ds-checkbox>Fish (Underwater)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3323" label="Prehistoric" >
              <ds-checkbox>Prehistoric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3324" label="Mythical" >
              <ds-checkbox>Mythical</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3325" label="Rodent" >
              <ds-checkbox>Rodent</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3326" label="Giraffe" >
              <ds-checkbox>Giraffe</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3327" label="Elephant" >
              <ds-checkbox>Elephant</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3328" label="Reptile" >
              <ds-checkbox>Reptile</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3329" label="Rhino" >
              <ds-checkbox>Rhino</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3330" label="Hippo" >
              <ds-checkbox>Hippo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3331" label="Bat" >
              <ds-checkbox>Bat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3332" label="Primate" >
              <ds-checkbox>Primate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3333" label="Bear" >
              <ds-checkbox>Bear</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3334" label="Pig" >
              <ds-checkbox>Pig</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3335" label="Rabbit" >
              <ds-checkbox>Rabbit</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3336" label="Seal Walrus Otter" >
              <ds-checkbox>Seal Walrus Otter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3337" label="Salamander Frog" >
              <ds-checkbox>Salamander Frog</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3338" label="Sloth" >
              <ds-checkbox>Sloth</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3339" label="Other Animals" >
              <ds-checkbox>Other Animals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3340" label="Horse Deer Donkey..." >
              <ds-checkbox>Horse Deer Donkey...</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_563" id="catalog_filter_563" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Plant: All" inner-prefix="Plant" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3291" label="Flower" >
              <ds-checkbox>Flower</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3292" label="Tree" >
              <ds-checkbox>Tree</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3293" label="Cactus" >
              <ds-checkbox>Cactus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3294" label="Other Plants" >
              <ds-checkbox>Other Plants</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_564" id="catalog_filter_564" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Things: All" inner-prefix="Things" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3295" label="Electronics" >
              <ds-checkbox>Electronics</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3296" label="Bathroom" >
              <ds-checkbox>Bathroom</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3297" label="Instruments" >
              <ds-checkbox>Instruments</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3298" label="Sports" >
              <ds-checkbox>Sports</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3299" label="Misc" >
              <ds-checkbox>Misc</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3300" label="Toys" >
              <ds-checkbox>Toys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3301" label="Building" >
              <ds-checkbox>Building</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3302" label="School" >
              <ds-checkbox>School</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3303" label="Beauty" >
              <ds-checkbox>Beauty</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3304" label="Earth &amp; Science" >
              <ds-checkbox>Earth &amp; Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3305" label="Emoji" >
              <ds-checkbox>Emoji</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_561" id="catalog_filter_561" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Vehicles: All" inner-prefix="Vehicles" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3278" label="Ground" >
              <ds-checkbox>Ground</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3279" label="Water" >
              <ds-checkbox>Water</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3280" label="Sky" >
              <ds-checkbox>Sky</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3281" label="Space" >
              <ds-checkbox>Space</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_566" id="catalog_filter_566" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Food: All" inner-prefix="Food" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3310" label="Breakfast" >
              <ds-checkbox>Breakfast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3311" label="Lunch &amp; Dinner" >
              <ds-checkbox>Lunch &amp; Dinner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3312" label="Dessert &amp; Candy" >
              <ds-checkbox>Dessert &amp; Candy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3313" label="Fruit" >
              <ds-checkbox>Fruit</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3314" label="Veggie" >
              <ds-checkbox>Veggie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3315" label="Snack" >
              <ds-checkbox>Snack</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3316" label="Condiment" >
              <ds-checkbox>Condiment</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3317" label="Drink" >
              <ds-checkbox>Drink</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_569" id="catalog_filter_569" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="TV Shows: All" inner-prefix="TV Shows" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="66907" label="Hilda" >
              <ds-checkbox>Hilda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66981" label="Wednesday" >
              <ds-checkbox>Wednesday</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3348" label="Pokémon" >
              <ds-checkbox>Pokémon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3349" label="The Mandalorian" >
              <ds-checkbox>The Mandalorian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3350" label="Wild Kratts" >
              <ds-checkbox>Wild Kratts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3351" label="Teen Titans Go" >
              <ds-checkbox>Teen Titans Go</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3352" label="SpongeBob" >
              <ds-checkbox>SpongeBob</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3353" label="Sesame Street" >
              <ds-checkbox>Sesame Street</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3354" label="Scooby-Doo" >
              <ds-checkbox>Scooby-Doo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3355" label="Oddbods" >
              <ds-checkbox>Oddbods</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3356" label="Phineas and Ferb" >
              <ds-checkbox>Phineas and Ferb</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3357" label="Misc." >
              <ds-checkbox>Misc.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3358" label="Regular Show" >
              <ds-checkbox>Regular Show</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3359" label="The Powerpuff Girls" >
              <ds-checkbox>The Powerpuff Girls</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3360" label="Cupcake and Dino" >
              <ds-checkbox>Cupcake and Dino</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3361" label="Lego" >
              <ds-checkbox>Lego</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3362" label="My Little Pony" >
              <ds-checkbox>My Little Pony</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3363" label="Gumball" >
              <ds-checkbox>Gumball</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3364" label="Avatar" >
              <ds-checkbox>Avatar</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_557" id="catalog_filter_557" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Movies: All" inner-prefix="Movies" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="65704" label="Sketch Movie" >
              <ds-checkbox>Sketch Movie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="64998" label="Smurfs" >
              <ds-checkbox>Smurfs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61342" label="The Minecraft Movie" >
              <ds-checkbox>The Minecraft Movie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3240" label="Harry Potter" >
              <ds-checkbox>Harry Potter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3241" label="DC" >
              <ds-checkbox>DC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3242" label="Marvel" >
              <ds-checkbox>Marvel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3243" label="Disney" >
              <ds-checkbox>Disney</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3244" label="Pixar" >
              <ds-checkbox>Pixar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3245" label="Star Wars" >
              <ds-checkbox>Star Wars</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3246" label="Sherlock Gnomes" >
              <ds-checkbox>Sherlock Gnomes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3247" label="The Secret Life Of Pets" >
              <ds-checkbox>The Secret Life Of Pets</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3248" label="Misc." >
              <ds-checkbox>Misc.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3249" label="Despicable Me" >
              <ds-checkbox>Despicable Me</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3250" label="How To Train Your Dragon" >
              <ds-checkbox>How To Train Your Dragon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3251" label="Zootopia" >
              <ds-checkbox>Zootopia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3252" label="Wonder Park" >
              <ds-checkbox>Wonder Park</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3253" label="Dora And The Lost City Of Gold" >
              <ds-checkbox>Dora And The Lost City Of Gold</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3254" label="Sonic The Hedgehog Movie" >
              <ds-checkbox>Sonic The Hedgehog Movie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3255" label="Wreck-It Ralph" >
              <ds-checkbox>Wreck-It Ralph</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3256" label="Bad Guys" >
              <ds-checkbox>Bad Guys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55811" label="Transformers" >
              <ds-checkbox>Transformers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55812" label="The Nightmare Before Christmas" >
              <ds-checkbox>The Nightmare Before Christmas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="68952" label="KPop Demon Hunters" >
              <ds-checkbox>KPop Demon Hunters</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_559" id="catalog_filter_559" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Books: All" inner-prefix="Books" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3267" label="Dr. Seuss" >
              <ds-checkbox>Dr. Seuss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3268" label="Harry Potter" >
              <ds-checkbox>Harry Potter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3269" label="Mr. Men" >
              <ds-checkbox>Mr. Men</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3270" label="Misc." >
              <ds-checkbox>Misc.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3271" label="Nursery Rhymes" >
              <ds-checkbox>Nursery Rhymes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3272" label="Fairy Tales" >
              <ds-checkbox>Fairy Tales</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3273" label="Diary Of A Wimpy Kid" >
              <ds-checkbox>Diary Of A Wimpy Kid</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_558" id="catalog_filter_558" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Video Game: All" inner-prefix="Video Game" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="3257" label="Pokémon" >
              <ds-checkbox>Pokémon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3258" label="Mario" >
              <ds-checkbox>Mario</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3259" label="Fortnite" >
              <ds-checkbox>Fortnite</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3260" label="Splatoon" >
              <ds-checkbox>Splatoon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3261" label="Plants Vs. Zombies" >
              <ds-checkbox>Plants Vs. Zombies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3262" label="Misc." >
              <ds-checkbox>Misc.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3263" label="Zelda" >
              <ds-checkbox>Zelda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3264" label="Minecraft" >
              <ds-checkbox>Minecraft</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3265" label="Angry Birds" >
              <ds-checkbox>Angry Birds</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3266" label="Animal Crossing" >
              <ds-checkbox>Animal Crossing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58083" label="Astro Bot" >
              <ds-checkbox>Astro Bot</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>

