<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>
  Nothing was found.
  <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=""
  
  
  
  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="110767" label="Newest Classes" >
              <ds-checkbox>Newest Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105953" label="Fitness" >
              <ds-checkbox>Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106552" label="Yoga" >
              <ds-checkbox>Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106551" label="Zumba" >
              <ds-checkbox>Zumba</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106616" label="Boxing" >
              <ds-checkbox>Boxing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106548" label="Themed Workouts" >
              <ds-checkbox>Themed Workouts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120638" label="Dance" >
              <ds-checkbox>Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105946" label="Mindfulness" >
              <ds-checkbox>Mindfulness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105952" label="Nutrition" >
              <ds-checkbox>Nutrition</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114768" label="Extras" >
              <ds-checkbox>Extras</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106547" label="Self-Advocate Led" >
              <ds-checkbox>Self-Advocate Led</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111436" label="Samples" >
              <ds-checkbox>Samples</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114044" label="LIVE" >
              <ds-checkbox>LIVE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="176175" label="Taekwondo" >
              <ds-checkbox>Taekwondo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="231704" label="CBI Video" >
              <ds-checkbox>CBI Video</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_4079" id="catalog_filter_4079" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Class Type: All" inner-prefix="Class Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22286" label="SPIRIT Fitness" >
              <ds-checkbox>SPIRIT Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22287" label="SPIRIT Zumba" >
              <ds-checkbox>SPIRIT Zumba</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22288" label="Adventure Fitness" >
              <ds-checkbox>Adventure Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22289" label="SPIRIT Boxing" >
              <ds-checkbox>SPIRIT Boxing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22290" label="SPIRITED Sam&#39;s Workout Jam" >
              <ds-checkbox>SPIRITED Sam&#39;s Workout Jam</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22291" label="Story Time Fitness" >
              <ds-checkbox>Story Time Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22292" label="Yoga Flow" >
              <ds-checkbox>Yoga Flow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22293" label="Sit and HIIT" >
              <ds-checkbox>Sit and HIIT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22294" label="Healthy Cooking" >
              <ds-checkbox>Healthy Cooking</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22295" label="Meditation" >
              <ds-checkbox>Meditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22296" label="Gentle Yoga " >
              <ds-checkbox>Gentle Yoga </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22297" label="Workshops" >
              <ds-checkbox>Workshops</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22298" label="Positive Mindset " >
              <ds-checkbox>Positive Mindset </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22299" label="Dance (Jazz/ Hip Hop/ Ballet/ Lyrical)" >
              <ds-checkbox>Dance (Jazz/ Hip Hop/ Ballet/ Lyrical)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44293" label="Taekwondo" >
              <ds-checkbox>Taekwondo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66041" label="Specialty Class" >
              <ds-checkbox>Specialty Class</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66042" label="New option" >
              <ds-checkbox>New option</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_4074" id="catalog_filter_4074" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Trainer: All" inner-prefix="Trainer" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22247" label="Kristian" >
              <ds-checkbox>Kristian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22248" label="Sam E." >
              <ds-checkbox>Sam E.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22249" label="Tim" >
              <ds-checkbox>Tim</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22250" label="SPIRITED Sam" >
              <ds-checkbox>SPIRITED Sam</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22251" label="Gabby (Fitness)" >
              <ds-checkbox>Gabby (Fitness)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22252" label="Ana" >
              <ds-checkbox>Ana</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22253" label="Marcela" >
              <ds-checkbox>Marcela</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22254" label="Jared" >
              <ds-checkbox>Jared</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22255" label="Rebecca" >
              <ds-checkbox>Rebecca</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22256" label="Christine" >
              <ds-checkbox>Christine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22257" label="Kelly" >
              <ds-checkbox>Kelly</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22258" label="Gaby (Cooking)" >
              <ds-checkbox>Gaby (Cooking)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22259" label="Miriam" >
              <ds-checkbox>Miriam</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22260" label="Abby" >
              <ds-checkbox>Abby</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22261" label="Corissa" >
              <ds-checkbox>Corissa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22262" label="Harsh" >
              <ds-checkbox>Harsh</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22263" label="Katie" >
              <ds-checkbox>Katie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22264" label="Ventatia" >
              <ds-checkbox>Ventatia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22265" label="Meghan" >
              <ds-checkbox>Meghan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44295" label="John" >
              <ds-checkbox>John</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44296" label="Dion" >
              <ds-checkbox>Dion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49202" label="Lydia" >
              <ds-checkbox>Lydia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49327" label="Avery" >
              <ds-checkbox>Avery</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51573" label="Erroll" >
              <ds-checkbox>Erroll</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59575" label="Prince" >
              <ds-checkbox>Prince</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66097" label="Julie" >
              <ds-checkbox>Julie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66098" label="Bara" >
              <ds-checkbox>Bara</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66880" label="Shiann" >
              <ds-checkbox>Shiann</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_4080" id="catalog_filter_4080" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Accessibility: All" inner-prefix="Accessibility" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22300" label="Verbal Descriptions" >
              <ds-checkbox>Verbal Descriptions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22301" label="Captions" >
              <ds-checkbox>Captions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22302" label="With a Supporter" >
              <ds-checkbox>With a Supporter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22303" label="No Lyrics" >
              <ds-checkbox>No Lyrics</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22304" label="2 Seated Versions" >
              <ds-checkbox>2 Seated Versions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30805" label="ASL Interpreter" >
              <ds-checkbox>ASL Interpreter</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_4081" id="catalog_filter_4081" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Number of Trainers: All" inner-prefix="Number of Trainers" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22305" label="1 Trainer" >
              <ds-checkbox>1 Trainer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22306" label="2 Trainers" >
              <ds-checkbox>2 Trainers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22307" label="3 Trainers" >
              <ds-checkbox>3 Trainers</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_4075" id="catalog_filter_4075" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Challenge Level: All" inner-prefix="Challenge 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="22266" label="All Levels" >
              <ds-checkbox>All Levels</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22267" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22268" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22269" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22270" label="Introduction Videos" >
              <ds-checkbox>Introduction Videos</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_4076" id="catalog_filter_4076" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Duration: All" inner-prefix="Duration" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22271" label="Under 10 min" >
              <ds-checkbox>Under 10 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22272" label="10-20 min" >
              <ds-checkbox>10-20 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22273" label="20-35 min" >
              <ds-checkbox>20-35 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22274" label="35-50 min" >
              <ds-checkbox>35-50 min</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22275" label="50-60 min" >
              <ds-checkbox>50-60 min</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_4073" id="catalog_filter_4073" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="View : All" inner-prefix="View " select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22245" label="Multi-Trainer View" >
              <ds-checkbox>Multi-Trainer View</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22246" label="Trainer-Focused View" >
              <ds-checkbox>Trainer-Focused View</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_4078" id="catalog_filter_4078" 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="22282" label="No Equipment" >
              <ds-checkbox>No Equipment</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22283" label="Mats" >
              <ds-checkbox>Mats</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22284" label="Dumbbells" >
              <ds-checkbox>Dumbbells</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22285" label="Block" >
              <ds-checkbox>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_4077" id="catalog_filter_4077" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="More: All" inner-prefix="More" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="22276" label="Themed" >
              <ds-checkbox>Themed</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22278" label="Spanish" >
              <ds-checkbox>Spanish</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22279" label="Seminars" >
              <ds-checkbox>Seminars</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22281" label="Self-Advocate Led" >
              <ds-checkbox>Self-Advocate Led</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>

