<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_4133330"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw the Easter Bunny skateboarding with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids this Easter."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-03T11:23:58-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;4133330&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-easter-bunny-skateboarding">
    <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 Easter Bunny Skateboarding" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4133330/horizontal/fa295868-3e4f-4c4f-bdbd-919750ba72b6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4133330/horizontal/fa295868-3e4f-4c4f-bdbd-919750ba72b6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4133330/horizontal/fa295868-3e4f-4c4f-bdbd-919750ba72b6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4133330/horizontal/fa295868-3e4f-4c4f-bdbd-919750ba72b6.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:07</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw The Easter Bunny Skateboarding" aria-label="How To Draw The Easter Bunny Skateboarding" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4133330&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-easter-bunny-skateboarding">
    <span class="line-clamp-2">
      How To Draw The Easter Bunny Skateboarding
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4130520"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the cutest Easter kitten wearing bunny ears! A fun, 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-02T11:01:14-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;4130520&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-easter-kitten">
    <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 An Easter Kitten" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4130520/horizontal/dade792b-7e3f-455d-9ac7-8d3678e47843.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4130520/horizontal/dade792b-7e3f-455d-9ac7-8d3678e47843.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4130520/horizontal/dade792b-7e3f-455d-9ac7-8d3678e47843.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4130520/horizontal/dade792b-7e3f-455d-9ac7-8d3678e47843.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:23</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw An Easter Kitten" aria-label="How To Draw An Easter Kitten" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4130520&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-easter-kitten">
    <span class="line-clamp-2">
      How To Draw An Easter Kitten
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4129387"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Follow along with us and learn how to draw Knuckles from Sonic The Hedgehog 2!"
    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-01T13:12: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;video&#39;, &#39;4129387&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-knuckles-from-sonic-the-hedgehog-2">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Draw Knuckles From Sonic The Hedgehog 2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4129387/horizontal/002d556f-149a-48d8-ba1c-7666ec714995.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4129387/horizontal/002d556f-149a-48d8-ba1c-7666ec714995.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4129387/horizontal/002d556f-149a-48d8-ba1c-7666ec714995.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4129387/horizontal/002d556f-149a-48d8-ba1c-7666ec714995.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">14:08</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Knuckles From Sonic The Hedgehog 2" aria-label="How To Draw Knuckles From Sonic The Hedgehog 2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4129387&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-knuckles-from-sonic-the-hedgehog-2">
    <span class="line-clamp-2">
      How To Draw Knuckles From Sonic The Hedgehog 2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4129188"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the cutest spring lamb with a flower crown and colorful scarf! A fun 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-04-01T11:51: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;4129188&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-spring-lamb">
    <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 Spring Lamb" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4129188/horizontal/d9ef9459-3ecd-4b62-a10a-efef7c106103.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4129188/horizontal/d9ef9459-3ecd-4b62-a10a-efef7c106103.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4129188/horizontal/d9ef9459-3ecd-4b62-a10a-efef7c106103.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4129188/horizontal/d9ef9459-3ecd-4b62-a10a-efef7c106103.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: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 Spring Lamb" aria-label="How To Draw A Spring Lamb" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4129188&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-spring-lamb">
    <span class="line-clamp-2">
      How To Draw A Spring Lamb
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4127552"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the cutest Easter puppy wearing bunny ears! A fun, 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-03-31T12: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;4127552&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-easter-puppy-golden">
    <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 An Easter Puppy Golden Retriever" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4127552/horizontal/0085abb3-1ba9-4369-8d85-bc39400ce196.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4127552/horizontal/0085abb3-1ba9-4369-8d85-bc39400ce196.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4127552/horizontal/0085abb3-1ba9-4369-8d85-bc39400ce196.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4127552/horizontal/0085abb3-1ba9-4369-8d85-bc39400ce196.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:36</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw An Easter Puppy Golden Retriever" aria-label="How To Draw An Easter Puppy Golden Retriever" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4127552&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-easter-puppy-golden">
    <span class="line-clamp-2">
      How To Draw An Easter Puppy Golden Retriever
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4124510"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the cutest Easter bunny in a basket with Easter eggs! A fun 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-03-30T11:53:22-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;4124510&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-easter-bunny-in-a-basket">
    <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 Easter Bunny In A Basket" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4124510/horizontal/dd707820-ceb6-4a76-99b3-ff87a44a3acf.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4124510/horizontal/dd707820-ceb6-4a76-99b3-ff87a44a3acf.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4124510/horizontal/dd707820-ceb6-4a76-99b3-ff87a44a3acf.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4124510/horizontal/dd707820-ceb6-4a76-99b3-ff87a44a3acf.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: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="How To Draw The Easter Bunny In A Basket" aria-label="How To Draw The Easter Bunny In A Basket" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4124510&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-easter-bunny-in-a-basket">
    <span class="line-clamp-2">
      How To Draw The Easter Bunny In A Basket
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4117423"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw Mabel the beaver from Disney Pixar&#39;s Hoppers! 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-03-27T09:42:33-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;4117423&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-mabel-from-disney-pixar-hoppers">
    <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 Mabel From Disney Pixar Hoppers" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4117423/horizontal/8a55ef21-5ff3-4b56-9f03-c4c81ccd46ec.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4117423/horizontal/8a55ef21-5ff3-4b56-9f03-c4c81ccd46ec.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4117423/horizontal/8a55ef21-5ff3-4b56-9f03-c4c81ccd46ec.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4117423/horizontal/8a55ef21-5ff3-4b56-9f03-c4c81ccd46ec.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:05</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Mabel From Disney Pixar Hoppers" aria-label="How To Draw Mabel From Disney Pixar Hoppers" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4117423&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-mabel-from-disney-pixar-hoppers">
    <span class="line-clamp-2">
      How To Draw Mabel From Disney Pixar Hoppers
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4115984"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a cute baby robin sitting in a nest to celebrate spring! A fun 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-03-26T08:41: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;4115984&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-robin-in-a-nest">
    <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="App How To Draw A Baby Robin In A Nest" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4115984/horizontal/3bf9c9f8-1dcd-474b-9445-99191f4dfbd6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4115984/horizontal/3bf9c9f8-1dcd-474b-9445-99191f4dfbd6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4115984/horizontal/3bf9c9f8-1dcd-474b-9445-99191f4dfbd6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4115984/horizontal/3bf9c9f8-1dcd-474b-9445-99191f4dfbd6.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: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="App How To Draw A Baby Robin In A Nest" aria-label="App How To Draw A Baby Robin In A Nest" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4115984&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-robin-in-a-nest">
    <span class="line-clamp-2">
      App How To Draw A Baby Robin In A Nest
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4114578"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a cute spring birdhouse step by step! Learn to sketch with pencil first in this fun drawing lesson for kids from Art for Kids Hub."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-25T08:45: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;4114578&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-spring-birdhouse">
    <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 Spring Birdhouse" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4114578/horizontal/852d930b-bcac-487e-b2bb-9e346b6837fd.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4114578/horizontal/852d930b-bcac-487e-b2bb-9e346b6837fd.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4114578/horizontal/852d930b-bcac-487e-b2bb-9e346b6837fd.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4114578/horizontal/852d930b-bcac-487e-b2bb-9e346b6837fd.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:07</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4112752"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a happy cherry blossom tree to celebrate spring! 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-03-24T08:21: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;4112752&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-happy-cherry-blossom-tree">
    <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 Happy Cherry Blossom Tree" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4112752/horizontal/8112cef8-dd45-4977-a411-3c8c8a3e300e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4112752/horizontal/8112cef8-dd45-4977-a411-3c8c8a3e300e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4112752/horizontal/8112cef8-dd45-4977-a411-3c8c8a3e300e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4112752/horizontal/8112cef8-dd45-4977-a411-3c8c8a3e300e.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:56</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Happy Cherry Blossom Tree" aria-label="How To Draw A Happy Cherry Blossom Tree" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4112752&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-happy-cherry-blossom-tree">
    <span class="line-clamp-2">
      How To Draw A Happy Cherry Blossom Tree
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4111267"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a cute baby chick hatching out of an egg to celebrate spring! A fun 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-03-23T10:25: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;4111267&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-chick-hatching-out-of-an-egg">
    <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 Baby Chick Hatching Out Of An Egg" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4111267/horizontal/a9816224-8572-405a-9c50-cca0c91198b8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4111267/horizontal/a9816224-8572-405a-9c50-cca0c91198b8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4111267/horizontal/a9816224-8572-405a-9c50-cca0c91198b8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4111267/horizontal/a9816224-8572-405a-9c50-cca0c91198b8.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: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="How To Draw A Baby Chick Hatching Out Of An Egg" aria-label="How To Draw A Baby Chick Hatching Out Of An Egg" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4111267&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-chick-hatching-out-of-an-egg">
    <span class="line-clamp-2">
      How To Draw A Baby Chick Hatching Out Of An Egg
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4110408"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-22T14: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;4110408&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-baby-chick">
    <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 - Baby Chick" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4110408/horizontal/8ee7da29-9f2e-4164-8d50-054a46adeeac.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4110408/horizontal/8ee7da29-9f2e-4164-8d50-054a46adeeac.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4110408/horizontal/8ee7da29-9f2e-4164-8d50-054a46adeeac.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4110408/horizontal/8ee7da29-9f2e-4164-8d50-054a46adeeac.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:45</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4108680"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a cute ladybug sitting on a flower for the first day of spring! A fun 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-03-20T12:42: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;4108680&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cute-ladybug-sitting-on-a-flowe">
    <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 Cute Ladybug Sitting On A Flower" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4108680/horizontal/59e73e53-c5a8-49b9-bb70-6694f2ed647a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4108680/horizontal/59e73e53-c5a8-49b9-bb70-6694f2ed647a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4108680/horizontal/59e73e53-c5a8-49b9-bb70-6694f2ed647a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4108680/horizontal/59e73e53-c5a8-49b9-bb70-6694f2ed647a.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:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Cute Ladybug Sitting On A Flower" aria-label="How To Draw A Cute Ladybug Sitting On A Flower" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4108680&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cute-ladybug-sitting-on-a-flowe">
    <span class="line-clamp-2">
      How To Draw A Cute Ladybug Sitting On A Flower
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4105919"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cute baby deer fawn for the first day of spring! A fun 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-03-19T08:35:54-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;4105919&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-deer-fawn">
    <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 Baby Deer Fawn For Spring" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4105919/horizontal/e11b4b04-ebb4-4d1e-ad1a-b739506a1bac.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4105919/horizontal/e11b4b04-ebb4-4d1e-ad1a-b739506a1bac.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4105919/horizontal/e11b4b04-ebb4-4d1e-ad1a-b739506a1bac.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4105919/horizontal/e11b4b04-ebb4-4d1e-ad1a-b739506a1bac.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:35</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 Baby Deer Fawn For Spring" aria-label="How To Draw A Baby Deer Fawn For Spring" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4105919&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-baby-deer-fawn">
    <span class="line-clamp-2">
      How To Draw A Baby Deer Fawn For Spring
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4103505"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a leprechaun gnome sitting on a mushroom for St. Patrick&#39;s Day! A fun 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-03-17T12:36: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;video&#39;, &#39;4103505&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-leprechaun-gnome-sitting-on-a-murshroom">
    <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 Leprechaun Gnome Sitting On A Mushroom" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4103505/horizontal/8734765d-b111-4e76-b424-62b9b57e383c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4103505/horizontal/8734765d-b111-4e76-b424-62b9b57e383c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4103505/horizontal/8734765d-b111-4e76-b424-62b9b57e383c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4103505/horizontal/8734765d-b111-4e76-b424-62b9b57e383c.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:56</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Leprechaun Gnome Sitting On A Mushroom" aria-label="How To Draw A Leprechaun Gnome Sitting On A Mushroom" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4103505&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-leprechaun-gnome-sitting-on-a-murshroom">
    <span class="line-clamp-2">
      How To Draw A Leprechaun Gnome Sitting On A Mushroom
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4099248"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-16T18:15: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;4099248&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-spring-landscape">
    <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 - Spring Landscape" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4099248/horizontal/450d6d71-01b9-459e-ab54-9381b3203462.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4099248/horizontal/450d6d71-01b9-459e-ab54-9381b3203462.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4099248/horizontal/450d6d71-01b9-459e-ab54-9381b3203462.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4099248/horizontal/450d6d71-01b9-459e-ab54-9381b3203462.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:48</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4095819"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw a funny shamrock folding surprise for St. Patrick&#39;s Day! A fun 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-03-16T08:39:39-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;4095819&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-funny-shamrock-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 Funny Shamrock Folding Surprise" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4095819/horizontal/ef0f8ef8-3a59-4b56-bee2-0d8113fa99c0.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4095819/horizontal/ef0f8ef8-3a59-4b56-bee2-0d8113fa99c0.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4095819/horizontal/ef0f8ef8-3a59-4b56-bee2-0d8113fa99c0.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4095819/horizontal/ef0f8ef8-3a59-4b56-bee2-0d8113fa99c0.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:35</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 Shamrock Folding Surprise" aria-label="How To Draw A Funny Shamrock Folding Surprise" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4095819&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-funny-shamrock-folding-surprise">
    <span class="line-clamp-2">
      How To Draw A Funny Shamrock Folding Surprise
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4092622"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Jack shows you how to build a Creeper face in Minecraft! A fun, easy step-by-step Minecraft building lesson for kids."
    data-author-title-0="Jack" data-author-permalink-0="author-ykPcgjYBHOE"
    data-published-at="2026-03-18T08:27: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;4092622&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-a-creeper-minecraft-art">
    <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 Build A Creeper - Minecraft Art" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4092622/horizontal/f20a3d25-a050-402d-ab5f-0c9c4c5a97ae.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4092622/horizontal/f20a3d25-a050-402d-ab5f-0c9c4c5a97ae.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4092622/horizontal/f20a3d25-a050-402d-ab5f-0c9c4c5a97ae.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4092622/horizontal/f20a3d25-a050-402d-ab5f-0c9c4c5a97ae.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: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 Build A Creeper - Minecraft Art" aria-label="How To Build A Creeper - Minecraft Art" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4092622&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-a-creeper-minecraft-art">
    <span class="line-clamp-2">
      How To Build A Creeper - Minecraft Art
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4092265"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the funniest leprechaun frog for St. Patrick&#39;s Day! A fun, 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-03-13T11:08: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;video&#39;, &#39;4092265&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-funniest-leprechaun-frog">
    <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 Funniest Leprechaun Frog" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4092265/horizontal/f0698977-4140-4d1e-aa7e-8fc3bf26f459.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4092265/horizontal/f0698977-4140-4d1e-aa7e-8fc3bf26f459.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4092265/horizontal/f0698977-4140-4d1e-aa7e-8fc3bf26f459.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4092265/horizontal/f0698977-4140-4d1e-aa7e-8fc3bf26f459.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: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="How To Draw The Funniest Leprechaun Frog" aria-label="How To Draw The Funniest Leprechaun Frog" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4092265&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-funniest-leprechaun-frog">
    <span class="line-clamp-2">
      How To Draw The Funniest Leprechaun Frog
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4087504"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Draw the cutest leprechaun kitten for St. Patrick&#39;s Day! A fun, 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-03-11T10:16:39-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;4087504&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-cutest-leprechaun-kitten">
    <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 Cutest Leprechaun Kitten" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087504/horizontal/e2f74784-0d48-460b-9799-05ff2f44e858.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087504/horizontal/e2f74784-0d48-460b-9799-05ff2f44e858.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087504/horizontal/e2f74784-0d48-460b-9799-05ff2f44e858.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087504/horizontal/e2f74784-0d48-460b-9799-05ff2f44e858.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">11: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 Draw The Cutest Leprechaun Kitten" aria-label="How To Draw The Cutest Leprechaun Kitten" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4087504&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-cutest-leprechaun-kitten">
    <span class="line-clamp-2">
      How To Draw The Cutest Leprechaun Kitten
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4087499"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Jack shows you how to build Rob from Art for Kids Hub in Minecraft! A fun step-by-step Minecraft building lesson for kids."
    data-author-title-0="Jack" data-author-permalink-0="author-ykPcgjYBHOE"
    data-published-at="2026-03-12T08:00:02-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;4087499&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-rob-from-art-for-kids-hub">
    <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 Build Rob From Art For Kids Hub - Minecraft Art" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087499/horizontal/02280582-9ce0-477b-919d-aee32af04119.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087499/horizontal/02280582-9ce0-477b-919d-aee32af04119.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087499/horizontal/02280582-9ce0-477b-919d-aee32af04119.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087499/horizontal/02280582-9ce0-477b-919d-aee32af04119.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: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 Build Rob From Art For Kids Hub - Minecraft Art" aria-label="How To Build Rob From Art For Kids Hub - Minecraft Art" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4087499&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-rob-from-art-for-kids-hub">
    <span class="line-clamp-2">
      How To Build Rob From Art For Kids Hub - Minecraft Art
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4086580"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Chain Chomp from Mario! Celebrate Mario Day with this fun 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-03-10T08: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;4086580&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-chain-chomp-from-mario">
    <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 Chain Chomp From Mario" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4086580/horizontal/486ccab0-dc18-4de5-85b4-0984c6152916.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4086580/horizontal/486ccab0-dc18-4de5-85b4-0984c6152916.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4086580/horizontal/486ccab0-dc18-4de5-85b4-0984c6152916.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4086580/horizontal/486ccab0-dc18-4de5-85b4-0984c6152916.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:07</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Chain Chomp From Mario" aria-label="How To Draw A Chain Chomp From Mario" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4086580&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-chain-chomp-from-mario">
    <span class="line-clamp-2">
      How To Draw A Chain Chomp From Mario
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4084506"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cute capybara leprechaun for St. Patrick&#39;s Day! A fun 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-03-09T09:48:53-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;4084506&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-capybara-leprechaun">
    <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 Leprechaun" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4084506/horizontal/66bc1445-4a0e-47b5-b7a2-17f77a462919.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4084506/horizontal/66bc1445-4a0e-47b5-b7a2-17f77a462919.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4084506/horizontal/66bc1445-4a0e-47b5-b7a2-17f77a462919.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4084506/horizontal/66bc1445-4a0e-47b5-b7a2-17f77a462919.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:53</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4084502"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw a character from your favorite book!"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-08T17: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;4084502&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-favorite-book-character">
    <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 Book Character" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4084502/horizontal/b99460fe-ce6f-430c-b609-ab68ae7d9c80.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4084502/horizontal/b99460fe-ce6f-430c-b609-ab68ae7d9c80.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4084502/horizontal/b99460fe-ce6f-430c-b609-ab68ae7d9c80.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4084502/horizontal/b99460fe-ce6f-430c-b609-ab68ae7d9c80.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:33</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4081952"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to build the new Minecraft baby wolf head with Art for Kids Hub and Jack! A fun, easy block-by-block Minecraft building lesson for"
    data-author-title-0="Jack" data-author-permalink-0="author-ykPcgjYBHOE"
    data-published-at="2026-03-06T08:40:12-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4081952&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-baby-wolf-head">
    <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 Build Baby Wolf Head – Minecraft Art" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4081952/horizontal/e7a3eb29-95df-4aa4-8a9a-22272d411028.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4081952/horizontal/e7a3eb29-95df-4aa4-8a9a-22272d411028.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4081952/horizontal/e7a3eb29-95df-4aa4-8a9a-22272d411028.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4081952/horizontal/e7a3eb29-95df-4aa4-8a9a-22272d411028.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:50</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Build Baby Wolf Head – Minecraft Art" aria-label="How To Build Baby Wolf Head – Minecraft Art" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4081952&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-baby-wolf-head">
    <span class="line-clamp-2">
      How To Build Baby Wolf Head – Minecraft Art
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4080633"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw the Pout-Pout Fish with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids based on the beloved book."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-05T08:42:02-07:00"
>

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

      </div>

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

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


    <swiper-slide
  data-card="video_4078667"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a Minecraft puppy wolf with Art for Kids Hub! A fun, easy step-by-step Minecraft drawing lesson for kids."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-04T08:10:54-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4078667&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-new-minecraft-puppy-wolf-e93ed4">
    <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 New Minecraft Puppy Wolf" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4078667/horizontal/ff901d7c-21a9-4b1f-b70f-d7bcd6385ca8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4078667/horizontal/ff901d7c-21a9-4b1f-b70f-d7bcd6385ca8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4078667/horizontal/ff901d7c-21a9-4b1f-b70f-d7bcd6385ca8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4078667/horizontal/ff901d7c-21a9-4b1f-b70f-d7bcd6385ca8.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: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="How To Draw The New Minecraft Puppy Wolf" aria-label="How To Draw The New Minecraft Puppy Wolf" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4078667&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-the-new-minecraft-puppy-wolf-e93ed4">
    <span class="line-clamp-2">
      How To Draw The New Minecraft Puppy Wolf
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4077668"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cute alpaca with Art for Kids Hub! A fun, easy step-by-step kawaii drawing lesson for kids."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-03-03T12:14:03-07:00"
>

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

      </div>

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

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


    <swiper-slide
  data-card="video_4075478"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Sam-I-Am from Green Eggs and Ham with Art for Kids Hub! A fun step-by-step drawing lesson for Read Across America Day."
    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-03-02T08:42:23-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4075478&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-sam-i-am">
    <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 Sam-I-Am From Green Eggs And Ham" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4075478/horizontal/258f616d-eb39-4215-b7ba-b483c1bb3ae6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4075478/horizontal/258f616d-eb39-4215-b7ba-b483c1bb3ae6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4075478/horizontal/258f616d-eb39-4215-b7ba-b483c1bb3ae6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4075478/horizontal/258f616d-eb39-4215-b7ba-b483c1bb3ae6.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: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 Sam-I-Am From Green Eggs And Ham" aria-label="How To Draw Sam-I-Am From Green Eggs And Ham" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4075478&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-sam-i-am">
    <span class="line-clamp-2">
      How To Draw Sam-I-Am From Green Eggs And Ham
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4072022"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Punch the monkey with Art for Kids Hub! A fun, easy step-by-step drawing lesson of the viral baby macaque from Japan."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-27T14:08:33-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4072022&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-punch-the-monkey">
    <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 Punch The Monkey" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4072022/horizontal/23dfba19-e78a-464f-b354-6d8430601d83.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4072022/horizontal/23dfba19-e78a-464f-b354-6d8430601d83.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4072022/horizontal/23dfba19-e78a-464f-b354-6d8430601d83.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4072022/horizontal/23dfba19-e78a-464f-b354-6d8430601d83.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">14:02</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4071579"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Birthday Pikachu with Art for Kids Hub! Celebrate 30 years of Pokemon with this fun, easy step-by-step drawing lesson for "
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-27T08:21:57-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4071579&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-birthday-pikachu">
    <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 Birthday Pikachu" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4071579/horizontal/110e0c82-21cf-419e-9e0f-49a22d5c129f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4071579/horizontal/110e0c82-21cf-419e-9e0f-49a22d5c129f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4071579/horizontal/110e0c82-21cf-419e-9e0f-49a22d5c129f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4071579/horizontal/110e0c82-21cf-419e-9e0f-49a22d5c129f.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:54</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 Birthday Pikachu" aria-label="How To Draw Birthday Pikachu" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4071579&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-birthday-pikachu">
    <span class="line-clamp-2">
      How To Draw Birthday Pikachu
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4069355"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cute pangolin with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids about one of the world&#39;s coolest a"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-26T08:00:01-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4069355&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-pangolin">
    <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="App How To Draw A Pangolin" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4069355/horizontal/6b6ea439-7109-4415-9fae-88d0274833c8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4069355/horizontal/6b6ea439-7109-4415-9fae-88d0274833c8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4069355/horizontal/6b6ea439-7109-4415-9fae-88d0274833c8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4069355/horizontal/6b6ea439-7109-4415-9fae-88d0274833c8.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: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="App How To Draw A Pangolin" aria-label="App How To Draw A Pangolin" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4069355&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-pangolin">
    <span class="line-clamp-2">
      App How To Draw A Pangolin
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4067215"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cute kiwi bird with Art for Kids Hub! A fun, easy step-by-step drawing lesson that teaches kids to sketch with pencil fi"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-25T08:20:10-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4067215&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cute-kiwi-bird">
    <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 Cute Kiwi Bird" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4067215/horizontal/dba354ea-680c-4e42-a1e7-63b9eef4d826.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4067215/horizontal/dba354ea-680c-4e42-a1e7-63b9eef4d826.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4067215/horizontal/dba354ea-680c-4e42-a1e7-63b9eef4d826.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4067215/horizontal/dba354ea-680c-4e42-a1e7-63b9eef4d826.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:57</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Cute Kiwi Bird" aria-label="How To Draw A Cute Kiwi Bird" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4067215&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cute-kiwi-bird">
    <span class="line-clamp-2">
      How To Draw A Cute Kiwi Bird
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4066594"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a hockey goalie with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids celebrating Olympic hockey."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-24T13:11:55-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4066594&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-ice-hockey-goalie">
    <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 An Ice Hockey Goalie" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4066594/horizontal/1774e2d4-2675-4314-88db-2f56c667fad0.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4066594/horizontal/1774e2d4-2675-4314-88db-2f56c667fad0.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4066594/horizontal/1774e2d4-2675-4314-88db-2f56c667fad0.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4066594/horizontal/1774e2d4-2675-4314-88db-2f56c667fad0.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">16: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 An Ice Hockey Goalie" aria-label="How To Draw An Ice Hockey Goalie" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4066594&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-an-ice-hockey-goalie">
    <span class="line-clamp-2">
      How To Draw An Ice Hockey Goalie
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4060909"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw a portrait of your pet! "
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-22T13:00:01-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4060909&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-pet-portrait">
    <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 - Pet Portrait Cartoon" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4060909/horizontal/c372a6b3-ac5d-4294-8cff-ac178e465574.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4060909/horizontal/c372a6b3-ac5d-4294-8cff-ac178e465574.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4060909/horizontal/c372a6b3-ac5d-4294-8cff-ac178e465574.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4060909/horizontal/c372a6b3-ac5d-4294-8cff-ac178e465574.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 - Pet Portrait Cartoon" aria-label="Sketchbook Challenge - Pet Portrait Cartoon" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4060909&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-pet-portrait">
    <span class="line-clamp-2">
      Sketchbook Challenge - Pet Portrait Cartoon
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4059706"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Pompompurin from Sanrio with Art for Kids Hub! A fun, easy step-by-step kawaii drawing lesson for kids."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-23T08:00:07-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4059706&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-pompompurin-sanrio">
    <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 Pompompurin From Sanrio" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4059706/horizontal/db87b0cc-913e-4869-a3eb-7a1a085c71d3.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4059706/horizontal/db87b0cc-913e-4869-a3eb-7a1a085c71d3.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4059706/horizontal/db87b0cc-913e-4869-a3eb-7a1a085c71d3.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4059706/horizontal/db87b0cc-913e-4869-a3eb-7a1a085c71d3.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: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 Pompompurin From Sanrio" aria-label="How To Draw Pompompurin From Sanrio" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4059706&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-pompompurin-sanrio">
    <span class="line-clamp-2">
      How To Draw Pompompurin From Sanrio
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4058653"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Tracer from Overwatch with Art for Kids Hub! Follow along with this fun, easy step-by-step drawing lesson for kids."
    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-02-20T08:00:00-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4058653&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-tracer-from-overwatch">
    <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 Tracer From Overwatch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4058653/horizontal/64adcf78-cbcc-4b9b-adc5-0ace52bbfab0.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4058653/horizontal/64adcf78-cbcc-4b9b-adc5-0ace52bbfab0.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4058653/horizontal/64adcf78-cbcc-4b9b-adc5-0ace52bbfab0.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4058653/horizontal/64adcf78-cbcc-4b9b-adc5-0ace52bbfab0.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">17: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 Tracer From Overwatch" aria-label="How To Draw Tracer From Overwatch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4058653&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-tracer-from-overwatch">
    <span class="line-clamp-2">
      How To Draw Tracer From Overwatch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4056323"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw the Nian monster with Art for Kids Hub! A fun, easy Lunar New Year drawing lesson for kids based on the Chinese legend."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-18T15:52:51-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4056323&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-nian-monster-lunar-new-year">
    <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 Nian Monster - Happy Lunar New Year" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4056323/horizontal/a415a851-7ba2-46a5-82d6-736b89a5b9a7.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4056323/horizontal/a415a851-7ba2-46a5-82d6-736b89a5b9a7.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4056323/horizontal/a415a851-7ba2-46a5-82d6-736b89a5b9a7.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4056323/horizontal/a415a851-7ba2-46a5-82d6-736b89a5b9a7.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">15: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="How To Draw The Nian Monster - Happy Lunar New Year" aria-label="How To Draw The Nian Monster - Happy Lunar New Year" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4056323&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-nian-monster-lunar-new-year">
    <span class="line-clamp-2">
      How To Draw The Nian Monster - Happy Lunar New Year
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4054343"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a fire horse with Art for Kids Hub! Celebrate Lunar New Year 2026 with this fun, easy step-by-step drawing lesson for kids"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-02-17T12:37:33-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4054343&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-fire-horse">
    <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 Fire Horse - Happy Lunar New Year!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4054343/horizontal/c32e86b0-df23-4102-8820-b7bc50a02cda.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4054343/horizontal/c32e86b0-df23-4102-8820-b7bc50a02cda.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4054343/horizontal/c32e86b0-df23-4102-8820-b7bc50a02cda.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4054343/horizontal/c32e86b0-df23-4102-8820-b7bc50a02cda.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:47</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Fire Horse - Happy Lunar New Year!" aria-label="How To Draw A Fire Horse - Happy Lunar New Year!" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4054343&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-fire-horse">
    <span class="line-clamp-2">
      How To Draw A Fire Horse - Happy Lunar New Year!
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4053282"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to build a pixel art puppy in Minecraft with Art for Kids Hub and Jack! A fun, step-by-step Minecraft building lesson for kids."
    data-author-title-0="Jack" data-author-permalink-0="author-ykPcgjYBHOE"
    data-published-at="2026-02-20T22:30:02-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4053282&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-a-dog-minecraft-art">
    <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 Build A Dog – Minecraft Art" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4053282/horizontal/10fc7591-6069-4e0d-a91a-ccc444089d9a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4053282/horizontal/10fc7591-6069-4e0d-a91a-ccc444089d9a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4053282/horizontal/10fc7591-6069-4e0d-a91a-ccc444089d9a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4053282/horizontal/10fc7591-6069-4e0d-a91a-ccc444089d9a.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:13</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 Build A Dog – Minecraft Art" aria-label="How To Build A Dog – Minecraft Art" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4053282&#39;, &#39;Search Results&#39;); " href="/programs/how-to-build-a-dog-minecraft-art">
    <span class="line-clamp-2">
      How To Build A Dog – Minecraft Art
    </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 mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

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


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="204307" label="Getting Started" >
              <ds-checkbox>Getting Started</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26350" label="Most Recent" >
              <ds-checkbox>Most Recent</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="258024" label="Sketchbook Challenge" >
              <ds-checkbox>Sketchbook Challenge</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41450" label="Membership Exclusive Lessons" >
              <ds-checkbox>Membership Exclusive Lessons</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="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="94167" label="How To Draw Insects And Crawlers" >
              <ds-checkbox>How To Draw Insects And Crawlers</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="85810" label="How To Draw Animals" >
              <ds-checkbox>How To Draw Animals</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="86024" label="How To Draw Cars And Vehicles" >
              <ds-checkbox>How To Draw Cars And Vehicles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85844" label="How To Draw Dinosaurs" >
              <ds-checkbox>How To Draw Dinosaurs</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="85812" label="How To Draw Birds" >
              <ds-checkbox>How To Draw Birds</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="86041" label="How To Draw Dogs" >
              <ds-checkbox>How To Draw Dogs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26426" label="Drawing" >
              <ds-checkbox>Drawing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26428" label="Origami" >
              <ds-checkbox>Origami</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26427" label="Painting" >
              <ds-checkbox>Painting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26457" label="Cutout" >
              <ds-checkbox>Cutout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26429" label="Sculpting" >
              <ds-checkbox>Sculpting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34221" label="Art Core" >
              <ds-checkbox>Art Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26430" label="Parent &amp; Teacher Info" >
              <ds-checkbox>Parent &amp; Teacher Info</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26441" label="Extras" >
              <ds-checkbox>Extras</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>

