<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>
    <div data-controller="catalog--event-dispatcher" data-catalog--event-dispatcher-result-set-size-value="0" hidden></div>
</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=""
  
  
  
  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">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    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>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (1)</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="133340" label="Where to Start | Welcome" >
              <ds-checkbox>Where to Start | Welcome</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197743" label="Where to Start | Member Resources" >
              <ds-checkbox>Where to Start | Member Resources</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209712" label="Upcoming Live Events" >
              <ds-checkbox>Upcoming Live Events</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197125" label="Upcoming Spotlight Group Coaching Call" >
              <ds-checkbox>Upcoming Spotlight Group Coaching Call</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125160" label="Recent Uploads" >
              <ds-checkbox>Recent Uploads</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78363" label="All Courses" >
              <ds-checkbox>All Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97995" label="All Lessons" >
              <ds-checkbox>All Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78364" label="Career Paths" >
              <ds-checkbox>Career Paths</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="128216" label="Masterclasses" >
              <ds-checkbox>Masterclasses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="303126" label="Horror Filmmaking: Shadows &amp; Suspense" >
              <ds-checkbox>Horror Filmmaking: Shadows &amp; Suspense</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302311" label="Lighting Night Interiors" >
              <ds-checkbox>Lighting Night Interiors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302312" label="Lighting Night Exteriors" >
              <ds-checkbox>Lighting Night Exteriors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302310" label="Lighting Day Interiors" >
              <ds-checkbox>Lighting Day Interiors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302316" label="Lighting Day Exteriors" >
              <ds-checkbox>Lighting Day Exteriors</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302350" label="Lighting Inspiration: Mixed Sources &amp; Color" >
              <ds-checkbox>Lighting Inspiration: Mixed Sources &amp; Color</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302313" label="On Set Series" >
              <ds-checkbox>On Set Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302315" label="Music Video Production" >
              <ds-checkbox>Music Video Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301718" label="The Director&#39;s Prep" >
              <ds-checkbox>The Director&#39;s Prep</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301856" label="The Freelance Hustle: Business &amp; Mindset" >
              <ds-checkbox>The Freelance Hustle: Business &amp; Mindset</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301720" label="Location Constraints: Lighting Tight Spaces" >
              <ds-checkbox>Location Constraints: Lighting Tight Spaces</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301719" label="Practical Gags &amp; On-Set Illusions" >
              <ds-checkbox>Practical Gags &amp; On-Set Illusions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301722" label="The Commercial Clock: Speed &amp; Strategy" >
              <ds-checkbox>The Commercial Clock: Speed &amp; Strategy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301853" label="The Camera Department: Rigs &amp; Lenses" >
              <ds-checkbox>The Camera Department: Rigs &amp; Lenses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302349" label="Lens Tests" >
              <ds-checkbox>Lens Tests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302360" label="Film Theory" >
              <ds-checkbox>Film Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302358" label="Moving the Camera to Tell a Story" >
              <ds-checkbox>Moving the Camera to Tell a Story</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302359" label="Blocking for the Camera &amp; Your Scene" >
              <ds-checkbox>Blocking for the Camera &amp; Your Scene</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301714" label="Lighting Units" >
              <ds-checkbox>Lighting Units</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301715" label="Light Modifiers, Bounce &amp; Diffusion" >
              <ds-checkbox>Light Modifiers, Bounce &amp; Diffusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301717" label="Grip Rigging &amp; Hardware" >
              <ds-checkbox>Grip Rigging &amp; Hardware</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301854" label="Mastering the Grade: Color &amp; Post-Production" >
              <ds-checkbox>Mastering the Grade: Color &amp; Post-Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301855" label="The Editor&#39;s Bay: Story &amp; Workflow" >
              <ds-checkbox>The Editor&#39;s Bay: Story &amp; Workflow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301861" label="VFX &amp; Virtual Production" >
              <ds-checkbox>VFX &amp; Virtual Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302340" label="Lifestyle" >
              <ds-checkbox>Lifestyle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301407" label="Gear Tests" >
              <ds-checkbox>Gear Tests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192997" label="Demos" >
              <ds-checkbox>Demos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="126046" label="Spotlight Coaching Sessions" >
              <ds-checkbox>Spotlight Coaching Sessions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="235812" label="Seminars" >
              <ds-checkbox>Seminars</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301443" label="Livestreams" >
              <ds-checkbox>Livestreams</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98062" label="Podcasts" >
              <ds-checkbox>Podcasts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="264059" label="Projects &amp; Downloadable Resources" >
              <ds-checkbox>Projects &amp; Downloadable Resources</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286688" label="Archived" >
              <ds-checkbox>Archived</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="255489" label="DON&#39;T DELETE (SEGMENTED FEATURED PLAYLIST)" >
              <ds-checkbox>DON&#39;T DELETE (SEGMENTED FEATURED PLAYLIST)</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="110209" label="Brendan Riel" >
              <ds-checkbox>Brendan Riel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="121093" label="Brendan Sweeney" >
              <ds-checkbox>Brendan Sweeney</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122481" label="Chris Haigh" >
              <ds-checkbox>Chris Haigh</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41950" label="Chris Herr" >
              <ds-checkbox>Chris Herr</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42161" label="Dave Cole" >
              <ds-checkbox>Dave Cole</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35967" label="Derek Edwards" >
              <ds-checkbox>Derek Edwards</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35966" label="Derek Johnson" >
              <ds-checkbox>Derek Johnson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46973" label="Filmmakers Academy" >
              <ds-checkbox>Filmmakers Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60402" label="Finding the Frame" >
              <ds-checkbox>Finding the Frame</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108573" label="Gabrielle Blackwood" >
              <ds-checkbox>Gabrielle Blackwood</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="64539" label="Hollywood Editing Mentor Podcast" >
              <ds-checkbox>Hollywood Editing Mentor Podcast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56349" label="Jamee Ranta" >
              <ds-checkbox>Jamee Ranta</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83640" label="Jason Robbins" >
              <ds-checkbox>Jason Robbins</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50424" label="Joaquin Elizondo" >
              <ds-checkbox>Joaquin Elizondo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42105" label="Jordan Brady" >
              <ds-checkbox>Jordan Brady</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122329" label="Jordan Orme" >
              <ds-checkbox>Jordan Orme</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59072" label="Justin Jones" >
              <ds-checkbox>Justin Jones</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114995" label="Lost Objects" >
              <ds-checkbox>Lost Objects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122328" label="Lukas Colombo" >
              <ds-checkbox>Lukas Colombo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42108" label="Lydia Hurlbut" >
              <ds-checkbox>Lydia Hurlbut</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="63084" label="Quick Filmmaking Tips" >
              <ds-checkbox>Quick Filmmaking Tips</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35423" label="Shane Hurlbut, ASC" >
              <ds-checkbox>Shane Hurlbut, ASC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42963" label="Sherri Kauk" >
              <ds-checkbox>Sherri Kauk</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115524" label="Thomas Sigurdsson" >
              <ds-checkbox>Thomas Sigurdsson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51219" label="Zeiss Cinematography" >
              <ds-checkbox>Zeiss Cinematography</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_2752" id="catalog_filter_2752" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Format: All" inner-prefix="Format" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="15582" label="Courses" >
              <ds-checkbox>Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15583" label="Lessons" >
              <ds-checkbox>Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28679" label="Masterclasses" >
              <ds-checkbox>Masterclasses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28678" label="Coaching Sessions" >
              <ds-checkbox>Coaching Sessions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57297" label="Seminars" >
              <ds-checkbox>Seminars</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27420" label="Podcast Episodes" >
              <ds-checkbox>Podcast Episodes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27421" label="Career Paths" >
              <ds-checkbox>Career Paths</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58146" label="Office Hours" >
              <ds-checkbox>Office Hours</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78551" label="Gear Tests" >
              <ds-checkbox>Gear Tests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78553" label="Downloadable Assets" >
              <ds-checkbox>Downloadable Assets</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78556" label="Live Broadcasts / Replays" >
              <ds-checkbox>Live Broadcasts / Replays</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_5129" id="catalog_filter_5129" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Discipline: All" inner-prefix="Discipline" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26917" label="Cinematography" >
              <ds-checkbox>Cinematography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26919" label="Directing" >
              <ds-checkbox>Directing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26918" label="Producing" >
              <ds-checkbox>Producing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26921" label="Camera Department" >
              <ds-checkbox>Camera Department</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26922" label="Grip and Electric" >
              <ds-checkbox>Grip and Electric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26920" label="Post-Production" >
              <ds-checkbox>Post-Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38280" label="Health &amp; Leadership" >
              <ds-checkbox>Health &amp; Leadership</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_2753" id="catalog_filter_2753" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Topic &amp; Skill: All" inner-prefix="Topic &amp; Skill" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="78546" label="Pre-Production &amp; Pitching" >
              <ds-checkbox>Pre-Production &amp; Pitching</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29020" label="Location Scouting" >
              <ds-checkbox>Location Scouting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78547" label="On-Set Communication" >
              <ds-checkbox>On-Set Communication</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29019" label="Business Fundamentals" >
              <ds-checkbox>Business Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29022" label="Camera &amp; Lenses" >
              <ds-checkbox>Camera &amp; Lenses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78548" label="Motion Picture Film (Celluloid)" >
              <ds-checkbox>Motion Picture Film (Celluloid)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15592" label="Lighting: Day" >
              <ds-checkbox>Lighting: Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15597" label="Lighting: Night" >
              <ds-checkbox>Lighting: Night</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30386" label="Shaping Light &amp; Units" >
              <ds-checkbox>Shaping Light &amp; Units</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29016" label="Composition &amp; Blocking" >
              <ds-checkbox>Composition &amp; Blocking</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29015" label="Editing" >
              <ds-checkbox>Editing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29014" label="Color Grading" >
              <ds-checkbox>Color Grading</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="76712" label="AI Workflows &amp; Tech" >
              <ds-checkbox>AI Workflows &amp; Tech</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57298" label="Commercials &amp; Music Videos" >
              <ds-checkbox>Commercials &amp; Music Videos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29021" label="DIY" >
              <ds-checkbox>DIY</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78549" label="Narrative Filmmaking" >
              <ds-checkbox>Narrative Filmmaking</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78550" label="Gear &amp; On-Set Operations" >
              <ds-checkbox>Gear &amp; On-Set Operations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78552" label="Documentary &amp; Unscripted" >
              <ds-checkbox>Documentary &amp; Unscripted</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78583" label="VFX &amp; Virtual Production" >
              <ds-checkbox>VFX &amp; Virtual Production</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
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<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>

    Clear Filters
  </button>

</template></turbo-stream>

