<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="18647" label="Academy Courses: Philosophy + Embodied Practices" >
              <ds-checkbox>Academy Courses: Philosophy + Embodied Practices</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18626" label="New Releases &amp; Coming Soon" >
              <ds-checkbox>New Releases &amp; Coming Soon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="155511" label="Beginners Start Here" >
              <ds-checkbox>Beginners Start Here</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="153034" label="Get Consistent with a Challenge" >
              <ds-checkbox>Get Consistent with a Challenge</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193993" label="Somatic Embodied Yoga" >
              <ds-checkbox>Somatic Embodied Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21044" label="AM/PM Yoga" >
              <ds-checkbox>AM/PM Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="153050" label="Go on a 40 Day Journey" >
              <ds-checkbox>Go on a 40 Day Journey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21226" label="Destress, Injury Support, Women&#39;s Health + Prenatal" >
              <ds-checkbox>Destress, Injury Support, Women&#39;s Health + Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="94289" label="Chakra Courses, Classes, + Meditations" >
              <ds-checkbox>Chakra Courses, Classes, + Meditations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21201" label="Mediation + Journaling" >
              <ds-checkbox>Mediation + Journaling</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="155514" label="Improve Strength + Fitness" >
              <ds-checkbox>Improve Strength + Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="155517" label="Intermediate &amp; Advanced" >
              <ds-checkbox>Intermediate &amp; Advanced</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21040" label="Uplifted Audio Affirmations" >
              <ds-checkbox>Uplifted Audio Affirmations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21047" label="All Kundalini Practices" >
              <ds-checkbox>All Kundalini Practices</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18585" label="All Practices by Length + Style" >
              <ds-checkbox>All Practices by Length + Style</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="25029" label="Uplifted Year Experience" >
              <ds-checkbox>Uplifted Year Experience</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="21039" label="Practices by Body Part" >
              <ds-checkbox>Practices by Body Part</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22763" label="Audio Inspiration" >
              <ds-checkbox>Audio Inspiration</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22197" label="Member Support &amp; Exploring YTT" >
              <ds-checkbox>Member Support &amp; Exploring YTT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22189" label="Purchased Courses" >
              <ds-checkbox>Purchased Courses</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_348" id="catalog_filter_348" 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="2089" label="10 minutes or less" >
              <ds-checkbox>10 minutes or less</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2090" label="15 minutes" >
              <ds-checkbox>15 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2091" label="20 minutes" >
              <ds-checkbox>20 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2092" label="30 minutes" >
              <ds-checkbox>30 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2093" label="45 minutes" >
              <ds-checkbox>45 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2094" label="60 minutes" >
              <ds-checkbox>60 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2095" label="90 minutes" >
              <ds-checkbox>90 minutes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2096" label="91 minutes or more" >
              <ds-checkbox>91 minutes or more</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_351" id="catalog_filter_351" 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="2107" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2108" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2109" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_347" id="catalog_filter_347" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="BODY PART: All" inner-prefix="BODY PART" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2083" label="Hips and Seat" >
              <ds-checkbox>Hips and Seat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2084" label="Neck, Shoulders and Wrists" >
              <ds-checkbox>Neck, Shoulders and Wrists</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2085" label="Legs and Thighs" >
              <ds-checkbox>Legs and Thighs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2086" label="Low Back and Spine" >
              <ds-checkbox>Low Back and Spine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2087" label="Core" >
              <ds-checkbox>Core</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2088" label="Feet" >
              <ds-checkbox>Feet</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="39414" label="Side Body" >
              <ds-checkbox>Side Body</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58621" label="Full Body" >
              <ds-checkbox>Full Body</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_349" id="catalog_filter_349" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="STYLE: All" inner-prefix="STYLE" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2097" label="Lecture/Tutorial" >
              <ds-checkbox>Lecture/Tutorial</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2098" label="Meditation" >
              <ds-checkbox>Meditation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2099" label="Vinyasa" >
              <ds-checkbox>Vinyasa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2100" label="Hatha" >
              <ds-checkbox>Hatha</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2101" label="Kundalini" >
              <ds-checkbox>Kundalini</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2102" label="Yin/Restorative" >
              <ds-checkbox>Yin/Restorative</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2103" label="Fusion" >
              <ds-checkbox>Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42187" label="Intuitive Movement" >
              <ds-checkbox>Intuitive Movement</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42188" label="Feminine Form Kundalini" >
              <ds-checkbox>Feminine Form Kundalini</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58622" label="Somatic" >
              <ds-checkbox>Somatic</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_346" id="catalog_filter_346" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="FOCUS: All" inner-prefix="FOCUS" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2073" label="Injury Management" >
              <ds-checkbox>Injury Management</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2074" label="Women&#39;s Health" >
              <ds-checkbox>Women&#39;s Health</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2075" label="Chakras" >
              <ds-checkbox>Chakras</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2076" label="Fascial Fitness" >
              <ds-checkbox>Fascial Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2077" label="Immune System" >
              <ds-checkbox>Immune System</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2078" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2079" label="Morning Yoga" >
              <ds-checkbox>Morning Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2080" label="Evening Yoga" >
              <ds-checkbox>Evening Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2081" label="Tutorials" >
              <ds-checkbox>Tutorials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2082" label="Strengthen" >
              <ds-checkbox>Strengthen</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_7472" id="catalog_filter_7472" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="DOSHA: All" inner-prefix="DOSHA" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="37903" label="Pacify Pitta" >
              <ds-checkbox>Pacify Pitta</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37904" label="Pacify Vatta" >
              <ds-checkbox>Pacify Vatta</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37905" label="Pacify Kapha" >
              <ds-checkbox>Pacify Kapha</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_7473" id="catalog_filter_7473" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="CHAKRA: All" inner-prefix="CHAKRA" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="37906" label="Muladhara (Root Chakra)" >
              <ds-checkbox>Muladhara (Root Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37907" label="Svadhisthana (Sacral Chakra)" >
              <ds-checkbox>Svadhisthana (Sacral Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37908" label="Manipura (Solar Plexus Chakra)" >
              <ds-checkbox>Manipura (Solar Plexus Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37909" label="Anahata (Heart Chakra)" >
              <ds-checkbox>Anahata (Heart Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37910" label="Visuddha (Throat Chakra)" >
              <ds-checkbox>Visuddha (Throat Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37911" label="Ajna (Third Eye Chakra)" >
              <ds-checkbox>Ajna (Third Eye Chakra)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37912" label="Sahasrara (Crown Charka)" >
              <ds-checkbox>Sahasrara (Crown Charka)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58615" label="Lower Chakras" >
              <ds-checkbox>Lower Chakras</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58616" label="Upper Chakras" >
              <ds-checkbox>Upper Chakras</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58617" label="7 Chakras" >
              <ds-checkbox>7 Chakras</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_350" id="catalog_filter_350" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="MOOD: All" inner-prefix="MOOD" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="2104" label="Energize Me" >
              <ds-checkbox>Energize Me</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2105" label="Calm Me" >
              <ds-checkbox>Calm Me</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2106" label="Balance Me" >
              <ds-checkbox>Balance Me</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>

