<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_3180091"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Erica Hood" data-author-permalink-0="erica-hood"
    data-published-at="2024-08-01T09:56:41-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;3180091&#39;, &#39;Search Results&#39;); " href="/programs/40-minute-slow-sculpt-3ee93d">
    <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="Week 23 Slow Sculpt" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3180091/horizontal/7d9cd1b6-0987-45a7-a7e5-ab9fb61d9c19.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3180091/horizontal/7d9cd1b6-0987-45a7-a7e5-ab9fb61d9c19.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3180091/horizontal/7d9cd1b6-0987-45a7-a7e5-ab9fb61d9c19.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3180091/horizontal/7d9cd1b6-0987-45a7-a7e5-ab9fb61d9c19.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">45:03</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Week 23 Slow Sculpt" aria-label="Week 23 Slow Sculpt" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3180091&#39;, &#39;Search Results&#39;); " href="/programs/40-minute-slow-sculpt-3ee93d">
    <span class="line-clamp-2">
      Week 23 Slow Sculpt
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3004461"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Slow &amp; steady wins the race ;-)"
    data-author-title-0="Erica Hood" data-author-permalink-0="erica-hood"
    data-published-at="2024-05-08T11:22: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;3004461&#39;, &#39;Search Results&#39;); " href="/programs/slow-sculpt-e834ae">
    <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="Week 12 Slow Sculpt" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3004461/horizontal/ac18cd92-cf59-4593-b663-ab6a8a231398.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3004461/horizontal/ac18cd92-cf59-4593-b663-ab6a8a231398.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3004461/horizontal/ac18cd92-cf59-4593-b663-ab6a8a231398.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3004461/horizontal/ac18cd92-cf59-4593-b663-ab6a8a231398.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">32: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="Week 12 Slow Sculpt" aria-label="Week 12 Slow Sculpt" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3004461&#39;, &#39;Search Results&#39;); " href="/programs/slow-sculpt-e834ae">
    <span class="line-clamp-2">
      Week 12 Slow Sculpt
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3219275"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Slow but shaky ;-)"
    data-author-title-0="Erica Hood" data-author-permalink-0="erica-hood"
    data-published-at="2024-08-28T11:25:38-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;3219275&#39;, &#39;Search Results&#39;); " href="/programs/30-minute-slow-sculpt-74b469">
    <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="Week 28 Slow Sculpt" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3219275/horizontal/04565b79-6fc6-44ca-8810-502f06e80ee6.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3219275/horizontal/04565b79-6fc6-44ca-8810-502f06e80ee6.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3219275/horizontal/04565b79-6fc6-44ca-8810-502f06e80ee6.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3219275/horizontal/04565b79-6fc6-44ca-8810-502f06e80ee6.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">38: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="Week 28 Slow Sculpt" aria-label="Week 28 Slow Sculpt" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3219275&#39;, &#39;Search Results&#39;); " href="/programs/30-minute-slow-sculpt-74b469">
    <span class="line-clamp-2">
      Week 28 Slow Sculpt
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value="slow sculpt"
  
  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="122801" label="NEW RELEASES" >
              <ds-checkbox>NEW RELEASES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122799" label="PROGRAMS" >
              <ds-checkbox>PROGRAMS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122805" label="TAKE WHAT YOU NEED" >
              <ds-checkbox>TAKE WHAT YOU NEED</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122797" label="EXPRESS WORKOUTS" >
              <ds-checkbox>EXPRESS WORKOUTS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122796" label="DANCE &amp; TONE" >
              <ds-checkbox>DANCE &amp; TONE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122793" label="BARRE SCULPT" >
              <ds-checkbox>BARRE SCULPT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="126446" label="HIIT" >
              <ds-checkbox>HIIT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122806" label="TRAMPOLINE" >
              <ds-checkbox>TRAMPOLINE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122803" label="STRETCH &amp; FLOW" >
              <ds-checkbox>STRETCH &amp; FLOW</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122802" label="REP YOUR WOMANHOOD" >
              <ds-checkbox>REP YOUR WOMANHOOD</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122794" label="FOUNDATION: BASICS YOU SHOULD KNOW" >
              <ds-checkbox>FOUNDATION: BASICS YOU SHOULD KNOW</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122795" label="BEGINNERS: START HERE" >
              <ds-checkbox>BEGINNERS: START HERE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122807" label="WELCOME" >
              <ds-checkbox>WELCOME</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="141578" label="How To Use the Digital Studio" >
              <ds-checkbox>How To Use the Digital Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="168168" label="Test" >
              <ds-checkbox>Test</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="57246" label="Dione Sheehan" >
              <ds-checkbox>Dione Sheehan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56631" label="Erica Hood" >
              <ds-checkbox>Erica Hood</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_5138" id="catalog_filter_5138" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Length: All" inner-prefix="Length" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26951" label="&lt; 10" >
              <ds-checkbox>&lt; 10</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26953" label="&lt; 20" >
              <ds-checkbox>&lt; 20</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26954" label="&lt;30" >
              <ds-checkbox>&lt;30</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26955" label="&lt;45" >
              <ds-checkbox>&lt;45</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26956" label="&lt;60" >
              <ds-checkbox>&lt;60</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_5139" id="catalog_filter_5139" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Target: All" inner-prefix="Target" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26957" label="Full Body" >
              <ds-checkbox>Full Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26958" label="Upper Body" >
              <ds-checkbox>Upper Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26959" label="Abs" >
              <ds-checkbox>Abs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26960" label="Lower Body" >
              <ds-checkbox>Lower Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26961" label="Booty" >
              <ds-checkbox>Booty</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_5140" id="catalog_filter_5140" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Vibe: All" inner-prefix="Vibe" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26966" label="Gentle (re-charge)" >
              <ds-checkbox>Gentle (re-charge)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26967" label="Energized (let&#39;s go Full Out)" >
              <ds-checkbox>Energized (let&#39;s go Full Out)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26990" label="Vacation Mode" >
              <ds-checkbox>Vacation Mode</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27081" label="Strengthen" >
              <ds-checkbox>Strengthen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27082" label="Steady Burn" >
              <ds-checkbox>Steady Burn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27235" label="Need to Sweat" >
              <ds-checkbox>Need to Sweat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27236" label="Hungover" >
              <ds-checkbox>Hungover</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27343" label="Cardio" >
              <ds-checkbox>Cardio</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_5141" id="catalog_filter_5141" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Equipment: All" inner-prefix="Equipment" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26968" label="None" >
              <ds-checkbox>None</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26969" label="Weights" >
              <ds-checkbox>Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26970" label="Resistance Band" >
              <ds-checkbox>Resistance Band</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26971" label="Ball" >
              <ds-checkbox>Ball</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26972" label="Wrist/Ankle Weights" >
              <ds-checkbox>Wrist/Ankle Weights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26973" label="Barre" >
              <ds-checkbox>Barre</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26974" label="Bench" >
              <ds-checkbox>Bench</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26975" label="Wall" >
              <ds-checkbox>Wall</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26989" label="Discs" >
              <ds-checkbox>Discs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27342" label="Trampoline" >
              <ds-checkbox>Trampoline</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="72665" label="Yoga block" >
              <ds-checkbox>Yoga block</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_5142" id="catalog_filter_5142" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Intensity: All" inner-prefix="Intensity" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26976" label="Mild" >
              <ds-checkbox>Mild</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26977" label="Medium" >
              <ds-checkbox>Medium</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26978" label="Spicy" >
              <ds-checkbox>Spicy</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_5143" id="catalog_filter_5143" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Impact: All" inner-prefix="Impact" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26979" label="None" >
              <ds-checkbox>None</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26980" label="Low " >
              <ds-checkbox>Low </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26981" label="High" >
              <ds-checkbox>High</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_5144" id="catalog_filter_5144" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Experience Level: All" inner-prefix="Experience 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="26982" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26983" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26984" label="Advance" >
              <ds-checkbox>Advance</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="slow sculpt" 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="slow sculpt"
  
  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>