<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="collection_3083819"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Krista for education jam packed with helpful tips and tricks that you can use everyday behind the chair!"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2024-07-01T12:00:03-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3083819&#39;, &#39;Search Results&#39;); " href="/programs/krista-bartik-color-edu">
    <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="Intentional Blonding with Krista Bartik" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3083819/horizontal/7a1b5e5d-25fb-4556-b354-aeaac52018df.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3083819/horizontal/7a1b5e5d-25fb-4556-b354-aeaac52018df.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3083819/horizontal/7a1b5e5d-25fb-4556-b354-aeaac52018df.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3083819/horizontal/7a1b5e5d-25fb-4556-b354-aeaac52018df.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <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">1</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="Intentional Blonding with Krista Bartik" aria-label="Intentional Blonding with Krista Bartik" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3083819&#39;, &#39;Search Results&#39;); " href="/programs/krista-bartik-color-edu">
    <span class="line-clamp-2">
      Intentional Blonding with Krista Bartik
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3999590"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-25T16:05:01-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3999590&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-krista-bartik">
    <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="Styling &amp; Posing with Krista Bartik" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3999590/horizontal/658e38ab-66f9-46e7-a1a7-7ef592361c0e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3999590/horizontal/658e38ab-66f9-46e7-a1a7-7ef592361c0e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3999590/horizontal/658e38ab-66f9-46e7-a1a7-7ef592361c0e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3999590/horizontal/658e38ab-66f9-46e7-a1a7-7ef592361c0e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <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">7</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="Styling &amp; Posing with Krista Bartik" aria-label="Styling &amp; Posing with Krista Bartik" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3999590&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-krista-bartik">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3998900"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998900&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt9">
    <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="Styling &amp; Posing with Krista Bartik Pt.9" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3998900/horizontal/434b8d07-4aad-478f-93be-f444974608f8.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3998900/horizontal/434b8d07-4aad-478f-93be-f444974608f8.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3998900/horizontal/434b8d07-4aad-478f-93be-f444974608f8.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3998900/horizontal/434b8d07-4aad-478f-93be-f444974608f8.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="Styling &amp; Posing with Krista Bartik Pt.9" aria-label="Styling &amp; Posing with Krista Bartik Pt.9" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998900&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt9">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.9
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3998899"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998899&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt8">
    <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="Styling &amp; Posing with Krista Bartik Pt.8" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3998899/horizontal/c8eb4673-ae51-4400-97a3-f2449e131b45.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3998899/horizontal/c8eb4673-ae51-4400-97a3-f2449e131b45.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3998899/horizontal/c8eb4673-ae51-4400-97a3-f2449e131b45.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3998899/horizontal/c8eb4673-ae51-4400-97a3-f2449e131b45.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:31</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="Styling &amp; Posing with Krista Bartik Pt.8" aria-label="Styling &amp; Posing with Krista Bartik Pt.8" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998899&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt8">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.8
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3998854"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998854&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt7">
    <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="Styling &amp; Posing &amp; with Krista Bartik Pt.7" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3998854/horizontal/d99c1829-5322-4cc0-9096-e5ddd579154e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3998854/horizontal/d99c1829-5322-4cc0-9096-e5ddd579154e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3998854/horizontal/d99c1829-5322-4cc0-9096-e5ddd579154e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3998854/horizontal/d99c1829-5322-4cc0-9096-e5ddd579154e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:25</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Styling &amp; Posing &amp; with Krista Bartik Pt.7" aria-label="Styling &amp; Posing &amp; with Krista Bartik Pt.7" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998854&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt7">
    <span class="line-clamp-2">
      Styling &amp; Posing &amp; with Krista Bartik Pt.7
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3998165"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998165&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt6">
    <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="Styling &amp; Posing with Krista Bartik Pt.6" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3998165/horizontal/961ad0ac-cb30-4032-b02b-0aa613e0782e.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3998165/horizontal/961ad0ac-cb30-4032-b02b-0aa613e0782e.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3998165/horizontal/961ad0ac-cb30-4032-b02b-0aa613e0782e.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3998165/horizontal/961ad0ac-cb30-4032-b02b-0aa613e0782e.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:09</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Styling &amp; Posing with Krista Bartik Pt.6" aria-label="Styling &amp; Posing with Krista Bartik Pt.6" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3998165&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt6">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.6
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3997177"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3997177&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt5">
    <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="Styling &amp; Posing with Krista Bartik Pt.5" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3997177/horizontal/186f29f9-22c9-416d-91bd-9779027c8ae9.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3997177/horizontal/186f29f9-22c9-416d-91bd-9779027c8ae9.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3997177/horizontal/186f29f9-22c9-416d-91bd-9779027c8ae9.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3997177/horizontal/186f29f9-22c9-416d-91bd-9779027c8ae9.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04: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="Styling &amp; Posing with Krista Bartik Pt.5" aria-label="Styling &amp; Posing with Krista Bartik Pt.5" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3997177&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt5">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.5
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3996890"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3996890&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt4">
    <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="Styling &amp; Posing with Krista Bartik Pt.4" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3996890/horizontal/739657b4-35e3-44b6-8b0b-646239d487a4.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3996890/horizontal/739657b4-35e3-44b6-8b0b-646239d487a4.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3996890/horizontal/739657b4-35e3-44b6-8b0b-646239d487a4.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3996890/horizontal/739657b4-35e3-44b6-8b0b-646239d487a4.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">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="Styling &amp; Posing with Krista Bartik Pt.4" aria-label="Styling &amp; Posing with Krista Bartik Pt.4" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3996890&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt4">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.4
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3995927"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3995927&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt3">
    <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="Styling &amp; Posing with Krista Bartik Pt.3" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3995927/horizontal/bc14a6c0-1b00-4b61-965b-c8cdd54e4e13.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3995927/horizontal/bc14a6c0-1b00-4b61-965b-c8cdd54e4e13.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3995927/horizontal/bc14a6c0-1b00-4b61-965b-c8cdd54e4e13.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3995927/horizontal/bc14a6c0-1b00-4b61-965b-c8cdd54e4e13.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01: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="Styling &amp; Posing with Krista Bartik Pt.3" aria-label="Styling &amp; Posing with Krista Bartik Pt.3" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3995927&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt3">
    <span class="line-clamp-2">
      Styling &amp; Posing with Krista Bartik Pt.3
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3995615"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3995615&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt2">
    <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="Styling &amp; Posing &amp; with Krista Bartik Pt.2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3995615/horizontal/7ecd02c2-fe7e-4230-b2b0-7fafe2e1873c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3995615/horizontal/7ecd02c2-fe7e-4230-b2b0-7fafe2e1873c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3995615/horizontal/7ecd02c2-fe7e-4230-b2b0-7fafe2e1873c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3995615/horizontal/7ecd02c2-fe7e-4230-b2b0-7fafe2e1873c.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:13</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Styling &amp; Posing &amp; with Krista Bartik Pt.2" aria-label="Styling &amp; Posing &amp; with Krista Bartik Pt.2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3995615&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-with-krista-bartik-pt2">
    <span class="line-clamp-2">
      Styling &amp; Posing &amp; with Krista Bartik Pt.2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3992947"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2026-02-23T12:00:02-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3992947&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-iphone-photography-with-krista-bartik-pt1-06d35f">
    <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="Styling &amp; Posing With Krista Bartik Pt.1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3992947/horizontal/17977a74-f645-4092-96bf-1a6b0fc59ea9.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3992947/horizontal/17977a74-f645-4092-96bf-1a6b0fc59ea9.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3992947/horizontal/17977a74-f645-4092-96bf-1a6b0fc59ea9.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3992947/horizontal/17977a74-f645-4092-96bf-1a6b0fc59ea9.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="Styling &amp; Posing With Krista Bartik Pt.1" aria-label="Styling &amp; Posing With Krista Bartik Pt.1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3992947&#39;, &#39;Search Results&#39;); " href="/programs/styling-posing-iphone-photography-with-krista-bartik-pt1-06d35f">
    <span class="line-clamp-2">
      Styling &amp; Posing With Krista Bartik Pt.1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3052775"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn all about intuitive blonding with Krista Bartik aka @colorbykriss "
    data-author-title-0="Krista Bartik" data-author-permalink-0="author-2U-yVEkmKUo"
    data-published-at="2024-07-01T12:00:03-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3052775&#39;, &#39;Search Results&#39;); " href="/programs/krista-guest-edu">
    <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="Purposeful Placement with @colorbykriss" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3052775/horizontal/f4d595c4-69a9-45a9-9019-986b41f96b1b.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3052775/horizontal/f4d595c4-69a9-45a9-9019-986b41f96b1b.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3052775/horizontal/f4d595c4-69a9-45a9-9019-986b41f96b1b.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3052775/horizontal/f4d595c4-69a9-45a9-9019-986b41f96b1b.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:03:46</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="Purposeful Placement with @colorbykriss" aria-label="Purposeful Placement with @colorbykriss" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3052775&#39;, &#39;Search Results&#39;); " href="/programs/krista-guest-edu">
    <span class="line-clamp-2">
      Purposeful Placement with @colorbykriss
    </span>
</a></swiper-slide>


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

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end 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="232736" label="How To Use MTAM" >
              <ds-checkbox>How To Use MTAM</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="153295" label="Guest Educators" >
              <ds-checkbox>Guest Educators</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="267997" label="Livestream Collab Classes " >
              <ds-checkbox>Livestream Collab Classes </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="187355" label="Upcoming Lives" >
              <ds-checkbox>Upcoming Lives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="173784" label="Recent Lives" >
              <ds-checkbox>Recent Lives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="258216" label="Pricing" >
              <ds-checkbox>Pricing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="240474" label="Favorite Products/Tools" >
              <ds-checkbox>Favorite Products/Tools</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="261550" label="K-Tip Creation &amp; Sourcing" >
              <ds-checkbox>K-Tip Creation &amp; Sourcing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="233536" label="K-Tips with Alex" >
              <ds-checkbox>K-Tips with Alex</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="261544" label="K-Tips with Christine" >
              <ds-checkbox>K-Tips with Christine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="261551" label="K-Tips with Alex &amp; Christine" >
              <ds-checkbox>K-Tips with Alex &amp; Christine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="141076" label="Beaded Row Fundamentals" >
              <ds-checkbox>Beaded Row Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="148533" label="Advanced Beaded Row Techniques" >
              <ds-checkbox>Advanced Beaded Row Techniques</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="179929" label="Beaded Row Troubleshooting" >
              <ds-checkbox>Beaded Row Troubleshooting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="189163" label="Beaded Row Grow Outs" >
              <ds-checkbox>Beaded Row Grow Outs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="138502" label="Modern Color/Weft Color" >
              <ds-checkbox>Modern Color/Weft Color</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="147883" label="Scalp Science" >
              <ds-checkbox>Scalp Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="214275" label="Client Walk-throughs" >
              <ds-checkbox>Client Walk-throughs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="147305" label="Scalp Health" >
              <ds-checkbox>Scalp Health</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="140549" label="Self Assessment/Check-In" >
              <ds-checkbox>Self Assessment/Check-In</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="240473" label="Client Education &amp; Onboarding " >
              <ds-checkbox>Client Education &amp; Onboarding </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="176605" label="Marketing" >
              <ds-checkbox>Marketing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="158373" label="Content Creation" >
              <ds-checkbox>Content Creation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="146392" label="Guest Artist Interviews" >
              <ds-checkbox>Guest Artist Interviews</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="110369" label="Alexander JD" >
              <ds-checkbox>Alexander JD</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="124144" label="Allison" >
              <ds-checkbox>Allison</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120326" label="Aly Davis" >
              <ds-checkbox>Aly Davis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119631" label="Author" >
              <ds-checkbox>Author</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119389" label="Candice Motley" >
              <ds-checkbox>Candice Motley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="63394" label="Christine" >
              <ds-checkbox>Christine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117752" label="Ester Yuabova" >
              <ds-checkbox>Ester Yuabova</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113844" label="Evana" >
              <ds-checkbox>Evana</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109492" label="Haley Evans" >
              <ds-checkbox>Haley Evans</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66768" label="Jaye Edwards" >
              <ds-checkbox>Jaye Edwards</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116421" label="Juan" >
              <ds-checkbox>Juan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114637" label="Kait Ward" >
              <ds-checkbox>Kait Ward</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123016" label="Kate Thompson" >
              <ds-checkbox>Kate Thompson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="69789" label="Kim Gilbert" >
              <ds-checkbox>Kim Gilbert</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110853" label="Krista Bartik" >
              <ds-checkbox>Krista Bartik</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119630" label="Kristen Marie" >
              <ds-checkbox>Kristen Marie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118590" label="Lauren" >
              <ds-checkbox>Lauren</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="121252" label="Lexi Dawn" >
              <ds-checkbox>Lexi Dawn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122172" label="Natalie Daniel" >
              <ds-checkbox>Natalie Daniel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120402" label="Nicole Nixon" >
              <ds-checkbox>Nicole Nixon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122171" label="Nicole Recchia-Trombetti" >
              <ds-checkbox>Nicole Recchia-Trombetti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123433" label="Samon" >
              <ds-checkbox>Samon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115968" label="Sarah Goode" >
              <ds-checkbox>Sarah Goode</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114900" label="Sara Holbrook" >
              <ds-checkbox>Sara Holbrook</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117554" label="Stella Digiovanni" >
              <ds-checkbox>Stella Digiovanni</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118586" label="Yovanka" >
              <ds-checkbox>Yovanka</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_14171" id="catalog_filter_14171" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="K-Tips: All" inner-prefix="K-Tips" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72153" label="Sourcing Hair" >
              <ds-checkbox>Sourcing Hair</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72155" label="Color" >
              <ds-checkbox>Color</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72156" label="Bond Creation" >
              <ds-checkbox>Bond Creation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72152" label="Technique/Install" >
              <ds-checkbox>Technique/Install</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72157" label="Cutting" >
              <ds-checkbox>Cutting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72158" label="Removals/Re-Bonding" >
              <ds-checkbox>Removals/Re-Bonding</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72183" label="Home-care" >
              <ds-checkbox>Home-care</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72154" label="Livestream" >
              <ds-checkbox>Livestream</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72159" label="FAQ" >
              <ds-checkbox>FAQ</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_14172" id="catalog_filter_14172" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Beaded Rows: All" inner-prefix="Beaded Rows" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72160" label="Prep/Color" >
              <ds-checkbox>Prep/Color</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72161" label="Sectioning" >
              <ds-checkbox>Sectioning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72162" label="Beading" >
              <ds-checkbox>Beading</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72163" label="Pinning" >
              <ds-checkbox>Pinning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72164" label="Stitching" >
              <ds-checkbox>Stitching</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72165" label="Bead Move-Up" >
              <ds-checkbox>Bead Move-Up</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72182" label="Corners" >
              <ds-checkbox>Corners</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72179" label="Growth Patterns" >
              <ds-checkbox>Growth Patterns</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72169" label="Genius Wefts" >
              <ds-checkbox>Genius Wefts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72180" label="Grow Outs" >
              <ds-checkbox>Grow Outs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72181" label="Troubleshooting" >
              <ds-checkbox>Troubleshooting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72166" label="Removal/Maintenance" >
              <ds-checkbox>Removal/Maintenance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72168" label="Livestreams/Full Installs" >
              <ds-checkbox>Livestreams/Full Installs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72170" label="Guest Educators" >
              <ds-checkbox>Guest Educators</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72171" label="Theory/Case Studies" >
              <ds-checkbox>Theory/Case Studies</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_14173" id="catalog_filter_14173" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Misc. Edu: All" inner-prefix="Misc. Edu" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72184" label="Stock Photos" >
              <ds-checkbox>Stock Photos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="73483" label="Pricing" >
              <ds-checkbox>Pricing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72174" label="Marketing" >
              <ds-checkbox>Marketing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72177" label="Client Onboarding/Education/Homecare" >
              <ds-checkbox>Client Onboarding/Education/Homecare</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72178" label="Self-Assessment " >
              <ds-checkbox>Self-Assessment </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72173" label="Content Creation" >
              <ds-checkbox>Content Creation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72175" label="Scalp Science" >
              <ds-checkbox>Scalp Science</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72172" label="Scalp Health" >
              <ds-checkbox>Scalp Health</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_14174" id="catalog_filter_14174" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Guest Educators: All" inner-prefix="Guest Educators" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="72186" label="Color/Blonding" >
              <ds-checkbox>Color/Blonding</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72192" label="Cutting" >
              <ds-checkbox>Cutting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72185" label="Beaded Rows" >
              <ds-checkbox>Beaded Rows</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72187" label="Mesh" >
              <ds-checkbox>Mesh</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72188" label="Toppers" >
              <ds-checkbox>Toppers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72191" label="V-Lights" >
              <ds-checkbox>V-Lights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72189" label="Photography/Posing" >
              <ds-checkbox>Photography/Posing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72190" label="Interviews" >
              <ds-checkbox>Interviews</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>
<turbo-stream action="replace" target="catalog_filter_search"><template>
  <div class="search-area w-36 md:w-48 relative bg-ds-default text-ds-default border px-4 py-2 box-content rounded-ds-1 border-ds-default" id="catalog_filter_search">
  <input type="text" name="search" id="search" value="krista" placeholder="Search..." data-controller="autofocus" data-catalog-filters-target="search" data-action="keydown-&gt;catalog-filters#search" class="outline-none border-none focus:shadow-transparent focus:ring-transparent p-0 max-w-full placeholder:text-ds-muted" />
    <span class="absolute inset-y-0 right-0 flex items-center pl-2">
      <button type="button" data-test="search-input-clear-button" data-catalog-filters-target="resetSearch" class="p-1 mr-3 focus:outline-none outline-none" data-action="click->catalog-filters#resetSearch">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-gray-500">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

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

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

</template></turbo-stream>