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

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

      </div>

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

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


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169176&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-princess-rosalina-from-super-mario-galaxy">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Draw Princess Rosalina from Super Mario Galaxy" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4169176/horizontal/bcf177b0-1035-4f35-9df8-85a747253673.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">13:06</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw Princess Rosalina from Super Mario Galaxy" aria-label="How To Draw Princess Rosalina from Super Mario Galaxy" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169176&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-princess-rosalina-from-super-mario-galaxy">
    <span class="line-clamp-2">
      How To Draw Princess Rosalina from Super Mario Galaxy
    </span>
</a></swiper-slide>


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169172&#39;, &#39;Search Results&#39;); " href="/programs/art-foundations-the-magic-of-primary-colors">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Art Foundations — The Magic of Primary Colors (Members Only)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4169172/horizontal/caf4b8b0-20c0-4630-8e9d-24ab39d38811.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:38</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Art Foundations — The Magic of Primary Colors (Members Only)" aria-label="Art Foundations — The Magic of Primary Colors (Members Only)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4169172&#39;, &#39;Search Results&#39;); " href="/programs/art-foundations-the-magic-of-primary-colors">
    <span class="line-clamp-2">
      Art Foundations — The Magic of Primary Colors (Members Only)
    </span>
</a></swiper-slide>


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4167868&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-zoo">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Sketchbook Challenge - Draw your favorite zoo animal" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4167868/horizontal/f34324e4-a637-4897-a8de-eba5b3848fbc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:39</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


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

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

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

    </div>

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

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


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

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

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

    </div>

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

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


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

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

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

    </div>

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

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


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4163904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-11-easy-things-for-preschoolers">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4163904/horizontal/733410d6-c48a-48c3-bbe9-64f0a2c29e11.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:16:51</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" aria-label="How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4163904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-11-easy-things-for-preschoolers">
    <span class="line-clamp-2">
      How To Draw 11 Easy Things For Preschoolers (1 Hour Compilation)
    </span>
</a></swiper-slide>


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

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

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

    </div>

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

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


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

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

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

    </div>

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

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


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

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

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

    </div>

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

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


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

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

      </div>

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

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


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160766&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-unicorn-in-a-crystal-egg-folding-surprise">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Draw A Unicorn In A Crystal Egg Folding Surprise" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4160766/horizontal/0696b765-8fec-4f98-8237-07bea10e3205.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">09:58</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Draw A Unicorn In A Crystal Egg Folding Surprise" aria-label="How To Draw A Unicorn In A Crystal Egg Folding Surprise" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160766&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-unicorn-in-a-crystal-egg-folding-surprise">
    <span class="line-clamp-2">
      How To Draw A Unicorn In A Crystal Egg Folding Surprise
    </span>
</a></swiper-slide>


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160760&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-an-origami-heart">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Fold An Origami Heart" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4160760/horizontal/5c810ff7-5ee3-47c2-a310-c1cf193e2c88.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:51</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Fold An Origami Heart" aria-label="How To Fold An Origami Heart" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4160760&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-an-origami-heart">
    <span class="line-clamp-2">
      How To Fold An Origami Heart
    </span>
</a></swiper-slide>


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4159631&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-tulip-paper-craft">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Fold A Tulip Paper Craft" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4159631/horizontal/0882a631-d595-4268-b13d-fb521083cb81.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">10:43</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Fold A Tulip Paper Craft" aria-label="How To Fold A Tulip Paper Craft" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4159631&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-tulip-paper-craft">
    <span class="line-clamp-2">
      How To Fold A Tulip Paper Craft
    </span>
</a></swiper-slide>


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4158542&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challenge-mythical-creature-diff">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Sketchbook Challenge - Favorite mythical creature" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4158542/horizontal/e073c056-f1fa-4749-850a-debbda4d220a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:41</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


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

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4154298&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-paper-football-origami">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Fold A Paper Football Origami" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4154298/horizontal/092d34ec-2d35-4bda-8d02-a1996e49386c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:58</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Fold A Paper Football Origami" aria-label="How To Fold A Paper Football Origami" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4154298&#39;, &#39;Search Results&#39;); " href="/programs/how-to-fold-a-paper-football-origami">
    <span class="line-clamp-2">
      How To Fold A Paper Football Origami
    </span>
</a></swiper-slide>


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

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

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

    </div>

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

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


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

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

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4152702"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step wild animal drawing lessons for kids. Elephants, giraffes, zebras, hippos, and more."
    data-published-at="2026-04-15T12:12:55-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152702&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-wild-animals">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Draw Wild Animals" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152702/horizontal/9417362c-9e3b-4209-8174-7ee566004f70.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152702/horizontal/9417362c-9e3b-4209-8174-7ee566004f70.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152702/horizontal/9417362c-9e3b-4209-8174-7ee566004f70.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152702/horizontal/9417362c-9e3b-4209-8174-7ee566004f70.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4152687"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step Australian animal drawing lessons for kids. Koalas, kangaroos, and platypus."
    data-published-at="2026-04-15T11:55:30-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4152687&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-australian-animals">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Draw Australian Animals" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152687/horizontal/e52b1a8f-8575-4306-9c44-e2c8fba34c16.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152687/horizontal/e52b1a8f-8575-4306-9c44-e2c8fba34c16.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152687/horizontal/e52b1a8f-8575-4306-9c44-e2c8fba34c16.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152687/horizontal/e52b1a8f-8575-4306-9c44-e2c8fba34c16.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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


    <swiper-slide
  data-card="collection_4152673"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step panda drawing lessons for kids. Cute panda characters and red pandas."
    data-published-at="2026-04-15T11:39:35-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4152660"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step big cat drawing lessons for kids. Lions, tigers, leopards, cheetahs, and more."
    data-published-at="2026-04-15T11:17: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;collection&#39;, &#39;4152660&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-big-cats">
    <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 Big Cats" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152660/horizontal/049404db-11ec-448d-9f62-0302af72c493.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152660/horizontal/049404db-11ec-448d-9f62-0302af72c493.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152660/horizontal/049404db-11ec-448d-9f62-0302af72c493.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152660/horizontal/049404db-11ec-448d-9f62-0302af72c493.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4152625"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step bear drawing lessons for kids. Grizzly bears, polar bears, teddy bears, and more."
    data-published-at="2026-04-15T11:06: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;collection&#39;, &#39;4152625&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-bears">
    <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 Bears" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4152625/horizontal/afa445db-80a7-445c-a5db-2ab502815095.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4152625/horizontal/afa445db-80a7-445c-a5db-2ab502815095.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4152625/horizontal/afa445db-80a7-445c-a5db-2ab502815095.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4152625/horizontal/afa445db-80a7-445c-a5db-2ab502815095.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

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


    <swiper-slide
  data-card="video_4151595"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Carrot the toucan with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids of all ages."
    data-author-title-0="Hadley" data-author-permalink-0="author-booiSsI5HWk"
    data-author-title-1="Rob" data-author-permalink-1="author-U91Y1ZXajVI"
    data-published-at="2026-04-16T08: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;4151595&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-carrot-the-toucan">
    <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 Carrot The Toucan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4151595/horizontal/d963f571-a5a7-4443-b31b-5b1cd599d5c6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4151595/horizontal/d963f571-a5a7-4443-b31b-5b1cd599d5c6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4151595/horizontal/d963f571-a5a7-4443-b31b-5b1cd599d5c6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4151595/horizontal/d963f571-a5a7-4443-b31b-5b1cd599d5c6.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: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 Carrot The Toucan" aria-label="How To Draw Carrot The Toucan" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4151595&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-carrot-the-toucan">
    <span class="line-clamp-2">
      How To Draw Carrot The Toucan
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4151594"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw Chuck the beaver with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids of all ages."
    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-15T08:09:09-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;4151594&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-chuck-the-beaver">
    <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 Chuck The Beaver" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4151594/horizontal/e7e7f715-58c0-4541-8e0f-b44a34615efa.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4151594/horizontal/e7e7f715-58c0-4541-8e0f-b44a34615efa.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4151594/horizontal/e7e7f715-58c0-4541-8e0f-b44a34615efa.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4151594/horizontal/e7e7f715-58c0-4541-8e0f-b44a34615efa.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:51</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="video_4150537"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to draw a cool monster truck with Art for Kids Hub! A fun, easy step-by-step drawing lesson for kids who love trucks."
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-14T08:01: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;4150537&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cool-monster">
    <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 Cool Monster Truck" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4150537/horizontal/7875ba2b-7670-4d06-975f-ed7a7440cee9.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4150537/horizontal/7875ba2b-7670-4d06-975f-ed7a7440cee9.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4150537/horizontal/7875ba2b-7670-4d06-975f-ed7a7440cee9.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4150537/horizontal/7875ba2b-7670-4d06-975f-ed7a7440cee9.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: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 A Cool Monster Truck" aria-label="How To Draw A Cool Monster Truck" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;4150537&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-a-cool-monster">
    <span class="line-clamp-2">
      How To Draw A Cool Monster Truck
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_4149932"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This week’s sketchbook challenge is to draw a spring garden!"
    data-author-title-0="Rob" data-author-permalink-0="author-U91Y1ZXajVI"
    data-published-at="2026-04-13T12:30: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;4149932&#39;, &#39;Search Results&#39;); " href="/programs/sketchbook-challange-spring-garden">
    <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 Challange - Spring garden!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4149932/horizontal/cd639883-1d7d-4b08-9164-bcacb0b1ee01.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4149932/horizontal/cd639883-1d7d-4b08-9164-bcacb0b1ee01.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4149932/horizontal/cd639883-1d7d-4b08-9164-bcacb0b1ee01.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4149932/horizontal/cd639883-1d7d-4b08-9164-bcacb0b1ee01.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:39</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

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


    <swiper-slide
  data-card="collection_4148265"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step wolf and fox drawing lessons for kids. Cute and fierce wild canine characters."
    data-published-at="2026-04-12T15:33:42-06:00"
>

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

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4148249"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step reptile and amphibian drawing lessons for kids. Frogs, snakes, lizards, and more."
    data-published-at="2026-04-12T15:19:28-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4148137"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step woodland animal drawing lessons for kids. Raccoons, squirrels, hedgehogs, and more."
    data-published-at="2026-04-12T13:29:44-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4148137&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-woodland-animals">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Draw Woodland Animals" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4148137/horizontal/060ecd25-8f32-4854-9c6c-2eb95660551c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4148137/horizontal/060ecd25-8f32-4854-9c6c-2eb95660551c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4148137/horizontal/060ecd25-8f32-4854-9c6c-2eb95660551c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4148137/horizontal/060ecd25-8f32-4854-9c6c-2eb95660551c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4148019"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step farm animal drawing lessons for kids. Cows, pigs, chickens, sheep, ducks, and more."
    data-published-at="2026-04-12T10:50:42-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4147932"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step bug and insect drawing lessons for kids. Butterflies, spiders, bees, ladybugs, and more."
    data-published-at="2026-04-12T10:28:21-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4147909"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step monkey and ape drawing lessons for kids. Learn to draw gorillas, chimps, and silly monkeys."
    data-published-at="2026-04-12T09:18:12-06:00"
>

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

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4147851"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step horse, pony, and unicorn drawing lessons for kids."
    data-published-at="2026-04-12T09:01: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;collection&#39;, &#39;4147851&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-horses-and-ponies">
    <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 Horses &amp; Ponies" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4147851/horizontal/4af58f3b-d253-41e7-a2df-2d42ecf600a4.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4147851/horizontal/4af58f3b-d253-41e7-a2df-2d42ecf600a4.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4147851/horizontal/4af58f3b-d253-41e7-a2df-2d42ecf600a4.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4147851/horizontal/4af58f3b-d253-41e7-a2df-2d42ecf600a4.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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


    <swiper-slide
  data-card="collection_4147823"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step bunny and rabbit drawing lessons for kids. Learn to draw cute bunnies and fluffy characters."
    data-published-at="2026-04-12T08:32:24-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4147776"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step ocean animal drawing lessons for kids. Sharks, fish, dolphins, turtles, jellyfish, and more."
    data-published-at="2026-04-12T07:56:06-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4147776&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-ocean-animals">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Draw Ocean Animals" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4147776/horizontal/49450042-383a-4536-85e6-57aa498f68c2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4147776/horizontal/49450042-383a-4536-85e6-57aa498f68c2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4147776/horizontal/49450042-383a-4536-85e6-57aa498f68c2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4147776/horizontal/49450042-383a-4536-85e6-57aa498f68c2.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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


    <swiper-slide
  data-card="collection_4147758"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step dinosaur drawing lessons for kids. T-Rex, raptors, stegosaurus, and more prehistoric favorites."
    data-published-at="2026-04-12T07:18: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;collection&#39;, &#39;4147758&#39;, &#39;Search Results&#39;); " href="/programs/how-to-draw-dinosaurs">
    <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 Dinosaurs" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4147758/horizontal/47171afa-3feb-49f6-8906-c8c4b6d0222f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4147758/horizontal/47171afa-3feb-49f6-8906-c8c4b6d0222f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4147758/horizontal/47171afa-3feb-49f6-8906-c8c4b6d0222f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4147758/horizontal/47171afa-3feb-49f6-8906-c8c4b6d0222f.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

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


    <swiper-slide
  data-card="collection_4147738"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step bird drawing lessons for kids. Owls, penguins, eagles, parrots, flamingos, and more."
    data-published-at="2026-04-12T07:02:57-06:00"
>

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

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


    <swiper-slide
  data-card="collection_4147222"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Step-by-step cat and kitten drawing lessons for kids. Learn to draw cute cats and funny feline characters."
    data-published-at="2026-04-12T06:19:42-06:00"
>

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

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


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

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


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

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content bg-ds-default hover:bg-ds-overlay text-ds-default px-4 py-2"
          data-action="click->accordion#toggle click->catalog-filters#toggleAllFilters" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="mr-3">
  <path d="M10 0H8V2H0V4H8V6H10V0Z" fill="currentColor"></path>
  <path d="M18 2H12V4H18V2Z" fill="currentColor"></path>
  <path d="M6 8V10H18V8H6Z" fill="currentColor"></path>
  <path d="M14 14H18V16H14V17C14 17.5523 13.5523 18 13 18C12.4477 18 12 17.5523 12 17V13C12 12.4477 12.4477 12 13 12C13.5523 12 14 12.4477 14 13V14Z" fill="currentColor"></path>
  <path d="M0 8H2V6H4V12H2V10H0V8Z" fill="currentColor"></path>
  <path d="M10 14H0V16H10V14Z" fill="currentColor"></path>
</svg>

    Filters
  </button>

</template></turbo-stream>

