<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_1645904"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="These heart-opening postures encourage you to honor your heart and also any boundaries your body is setting. "
    data-published-at="2022-04-19T17:18:43-07: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;1645904&#39;, &#39;Search Results&#39;); " href="/programs/heart-centered-flow-with-katrina-2227c8">
    <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="Heart Centered Flow with Katrina - 64 min" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1645904/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1645904/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1645904/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1645904/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:04:14</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="Heart Centered Flow with Katrina - 64 min" aria-label="Heart Centered Flow with Katrina - 64 min" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1645904&#39;, &#39;Search Results&#39;); " href="/programs/heart-centered-flow-with-katrina-2227c8">
    <span class="line-clamp-2">
      Heart Centered Flow with Katrina - 64 min
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1604461"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A one hour vinyasa flow guided by Katrina weaving the Kundalini pranayama, Breath of Joy, into the asana."
    data-published-at="2022-03-20T17:45:36-07: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;1604461&#39;, &#39;Search Results&#39;); " href="/programs/joyful-warrior-w-katrina-60-mins-69d416">
    <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="Joyful Warrior Flow with Katrina - 62 min" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1604461/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1604461/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1604461/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1604461/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:02:40</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="Joyful Warrior Flow with Katrina - 62 min" aria-label="Joyful Warrior Flow with Katrina - 62 min" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1604461&#39;, &#39;Search Results&#39;); " href="/programs/joyful-warrior-w-katrina-60-mins-69d416">
    <span class="line-clamp-2">
      Joyful Warrior Flow with Katrina - 62 min
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1604442"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This one hour vinyasa flow towards hurdler pose encourages you to play with arm balances. "
    data-published-at="2022-03-20T17:02:31-07: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;1604442&#39;, &#39;Search Results&#39;); " href="/programs/flow-to-hurdler-pose-w-katrina-60-mins-4a785d">
    <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="Empowering Hurdler Flow with Katrina - 65 min" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1604442/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1604442/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1604442/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1604442/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:05:49</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="Empowering Hurdler Flow with Katrina - 65 min" aria-label="Empowering Hurdler Flow with Katrina - 65 min" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1604442&#39;, &#39;Search Results&#39;); " href="/programs/flow-to-hurdler-pose-w-katrina-60-mins-4a785d">
    <span class="line-clamp-2">
      Empowering Hurdler Flow with Katrina - 65 min
    </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="Katrina"
  
  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="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>
<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="Katrina" 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="Katrina"
  
  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>