<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="lD76_chTE3bRPA228R67o94UB_y3HYQndtofvryrcMoyfvAhFZMuMwkyLBc8mP8i3MFWbcgZYw2CIq-ZgfU_Eg" /></head><body><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="collection_247294"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join dance music icon Ørjan Nilsen for nearly two hours in the studio, where you’ll get a crash course on remixing and sound design."
    data-author-title-0="Ørjan Nilsen" data-author-permalink-0="orjan-nilsen"
    data-published-at="2019-11-05T05:36:58-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;collection&#39;, &#39;247294&#39;, &#39;Search Results&#39;); " href="/programs/remixing-sound-design-w-orjan-nilsen">
    <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="Remixing &amp; Sound Design w/ Ørjan Nilsen" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/247294/horizontal/data_2Fimages_2FbY1BDvvTRuWGIYIh7ef1_Orjan_Remixing_740x420_2011.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/247294/horizontal/data_2Fimages_2FbY1BDvvTRuWGIYIh7ef1_Orjan_Remixing_740x420_2011.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/247294/horizontal/data_2Fimages_2FbY1BDvvTRuWGIYIh7ef1_Orjan_Remixing_740x420_2011.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/247294/horizontal/data_2Fimages_2FbY1BDvvTRuWGIYIh7ef1_Orjan_Remixing_740x420_2011.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">12</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="Remixing &amp; Sound Design w/ Ørjan Nilsen" aria-label="Remixing &amp; Sound Design w/ Ørjan Nilsen" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;247294&#39;, &#39;Search Results&#39;); " href="/programs/remixing-sound-design-w-orjan-nilsen">
    <span class="line-clamp-2">
      Remixing &amp; Sound Design w/ Ørjan Nilsen
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_800691"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Jerome goes in-depth and demonstrates his complete creative workflow for creating his signature sound in a remix."
    data-author-title-0="Jerome" data-author-permalink-0="jerome"
    data-published-at="2020-12-06T18:22:29-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;collection&#39;, &#39;800691&#39;, &#39;Search Results&#39;); " href="/programs/jerome_trackfromscratch">
    <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="Jerome: Remixing Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/800691/horizontal/450_2Fcatalog_image_2F800691_2FUw5yyLDgQoaMIwAzwhj9_Jerome_v2_CatalogImage_1480x840.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/800691/horizontal/450_2Fcatalog_image_2F800691_2FUw5yyLDgQoaMIwAzwhj9_Jerome_v2_CatalogImage_1480x840.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/800691/horizontal/450_2Fcatalog_image_2F800691_2FUw5yyLDgQoaMIwAzwhj9_Jerome_v2_CatalogImage_1480x840.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/800691/horizontal/450_2Fcatalog_image_2F800691_2FUw5yyLDgQoaMIwAzwhj9_Jerome_v2_CatalogImage_1480x840.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">12</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="Jerome: Remixing Masterclass" aria-label="Jerome: Remixing Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;800691&#39;, &#39;Search Results&#39;); " href="/programs/jerome_trackfromscratch">
    <span class="line-clamp-2">
      Jerome: Remixing Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_53674"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Dave Winnel as he shows you how to create and compose two quick remixes in his signature style, complete with mixing and mastering."
    data-author-title-0="Dave Winnel" data-author-permalink-0="dave-winnel"
    data-published-at="2019-01-28T12:33:59-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;collection&#39;, &#39;53674&#39;, &#39;Search Results&#39;); " href="/programs/remixing-w-dave-winnel">
    <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="Remixing w/ Dave Winnel" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/53674/horizontal/data_2Fimages_2FXgdWO8RJTcgDP3Dr9fzf_DaveWinnel_740x420_203.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/53674/horizontal/data_2Fimages_2FXgdWO8RJTcgDP3Dr9fzf_DaveWinnel_740x420_203.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/53674/horizontal/data_2Fimages_2FXgdWO8RJTcgDP3Dr9fzf_DaveWinnel_740x420_203.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/53674/horizontal/data_2Fimages_2FXgdWO8RJTcgDP3Dr9fzf_DaveWinnel_740x420_203.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">20</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="Remixing w/ Dave Winnel" aria-label="Remixing w/ Dave Winnel" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;53674&#39;, &#39;Search Results&#39;); " href="/programs/remixing-w-dave-winnel">
    <span class="line-clamp-2">
      Remixing w/ Dave Winnel
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_810481"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Watch &amp; learn as Neptunica do a brand new remake and remix their massively successful track “Poseidon.” "
    data-author-title-0="Neptunica" data-author-permalink-0="neptunica"
    data-published-at="2020-12-11T12:42:06-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;collection&#39;, &#39;810481&#39;, &#39;Search Results&#39;); " href="/programs/neptunica_trackfromscratch">
    <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="Neptunica Remaking &amp; Remixing &quot;Poseidon&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/810481/horizontal/450_2Fcatalog_image_2F810481_2FjYezmwQ4QDWW03gHDSnV_Neptunica_CatalogImage_1480x840_20_1_.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/810481/horizontal/450_2Fcatalog_image_2F810481_2FjYezmwQ4QDWW03gHDSnV_Neptunica_CatalogImage_1480x840_20_1_.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/810481/horizontal/450_2Fcatalog_image_2F810481_2FjYezmwQ4QDWW03gHDSnV_Neptunica_CatalogImage_1480x840_20_1_.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/810481/horizontal/450_2Fcatalog_image_2F810481_2FjYezmwQ4QDWW03gHDSnV_Neptunica_CatalogImage_1480x840_20_1_.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">13</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="Neptunica Remaking &amp; Remixing &quot;Poseidon&quot;" aria-label="Neptunica Remaking &amp; Remixing &quot;Poseidon&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;810481&#39;, &#39;Search Results&#39;); " href="/programs/neptunica_trackfromscratch">
    <span class="line-clamp-2">
      Neptunica Remaking &amp; Remixing &quot;Poseidon&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2095472"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="House music wonder CASSIMM lifts the lid on his remix of Pasilda by DJ Wady and Sean Finn, exposing what makes it tick."
    data-author-title-0="CASSIMM" data-author-permalink-0="cassimm"
    data-published-at="2023-02-17T05:44:16-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;collection&#39;, &#39;2095472&#39;, &#39;Search Results&#39;); " href="/programs/cassimm-deconstructs-pasilda">
    <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="CASSIMM Deconstructs &quot;Pasilda&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2095472/horizontal/cassimm-decon.1676638104.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2095472/horizontal/cassimm-decon.1676638104.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2095472/horizontal/cassimm-decon.1676638104.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2095472/horizontal/cassimm-decon.1676638104.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">6</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="CASSIMM Deconstructs &quot;Pasilda&quot;" aria-label="CASSIMM Deconstructs &quot;Pasilda&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2095472&#39;, &#39;Search Results&#39;); " href="/programs/cassimm-deconstructs-pasilda">
    <span class="line-clamp-2">
      CASSIMM Deconstructs &quot;Pasilda&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2771012"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The early hip-hop pioneer shows you how to create a remix from start to finish, moving from audio and recordings to a full, mastered track."
    data-author-title-0="DJ Spen" data-author-permalink-0="dj-spen"
    data-published-at="2023-12-18T08:06:07-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;collection&#39;, &#39;2771012&#39;, &#39;Search Results&#39;); " href="/programs/dj-spen-remix-masterclass">
    <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="DJ Spen Remix Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">18</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="DJ Spen Remix Masterclass" aria-label="DJ Spen Remix Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2771012&#39;, &#39;Search Results&#39;); " href="/programs/dj-spen-remix-masterclass">
    <span class="line-clamp-2">
      DJ Spen Remix Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2339742"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Jono Buchanan picks apart three techno tracks, taking inspiration from each of them before building an original track from the ground up."
    data-author-title-0="Jono Buchanan" data-author-permalink-0="jono-buchanan"
    data-published-at="2023-06-15T04:18:15-06: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;collection&#39;, &#39;2339742&#39;, &#39;Search Results&#39;); " href="/programs/inside-tracks-techno">
    <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="Inside Tracks: Techno" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2339742/horizontal/inside-tracks-thumbnail-techno.1686824141.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2339742/horizontal/inside-tracks-thumbnail-techno.1686824141.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2339742/horizontal/inside-tracks-thumbnail-techno.1686824141.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2339742/horizontal/inside-tracks-thumbnail-techno.1686824141.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">33</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="Inside Tracks: Techno" aria-label="Inside Tracks: Techno" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2339742&#39;, &#39;Search Results&#39;); " href="/programs/inside-tracks-techno">
    <span class="line-clamp-2">
      Inside Tracks: Techno
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2048356"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this track deconstruction, George Smeddles shares the production process behind his hit take on a classic, Last Night a DJ Saved my Life."
    data-author-title-0="George Smeddles" data-author-permalink-0="george-smeddles"
    data-published-at="2023-01-26T03:48:33-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;collection&#39;, &#39;2048356&#39;, &#39;Search Results&#39;); " href="/programs/last-night-a-dj-saved-my-life">
    <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="George Smeddles Deconstructs &quot;Last Night a D.J. Saved My Life&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2048356/horizontal/GeorgeSmeddles-deconstructs-Website-Catalog-image-1480x840.1674222633.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2048356/horizontal/GeorgeSmeddles-deconstructs-Website-Catalog-image-1480x840.1674222633.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2048356/horizontal/GeorgeSmeddles-deconstructs-Website-Catalog-image-1480x840.1674222633.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2048356/horizontal/GeorgeSmeddles-deconstructs-Website-Catalog-image-1480x840.1674222633.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</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="George Smeddles Deconstructs &quot;Last Night a D.J. Saved My Life&quot;" aria-label="George Smeddles Deconstructs &quot;Last Night a D.J. Saved My Life&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2048356&#39;, &#39;Search Results&#39;); " href="/programs/last-night-a-dj-saved-my-life">
    <span class="line-clamp-2">
      George Smeddles Deconstructs &quot;Last Night a D.J. Saved My Life&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1706345"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join platinum-selling producer and DJ Wankelmut to learn the production fundamentals that go into creating chart-topping house music."
    data-author-title-0="Wankelmut" data-author-permalink-0="wankelmut"
    data-published-at="2022-06-02T05:34:41-06: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;collection&#39;, &#39;1706345&#39;, &#39;Search Results&#39;); " href="/programs/wankelmut-track-from-scratch">
    <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="Wankelmut Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1706345/horizontal/Wankelmut-Website-Catalog-image-1480x840.1654111231.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1706345/horizontal/Wankelmut-Website-Catalog-image-1480x840.1654111231.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1706345/horizontal/Wankelmut-Website-Catalog-image-1480x840.1654111231.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1706345/horizontal/Wankelmut-Website-Catalog-image-1480x840.1654111231.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">23</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="Wankelmut Track from Scratch" aria-label="Wankelmut Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1706345&#39;, &#39;Search Results&#39;); " href="/programs/wankelmut-track-from-scratch">
    <span class="line-clamp-2">
      Wankelmut Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1522771"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Over 5+ hours of course content, Eelke Kleijn creates his track ‘Control’ from the ground up to teach you how to make great, timeless music."
    data-author-title-0="Eelke Kleijn" data-author-permalink-0="eelke-kleijn"
    data-published-at="2022-01-29T11:49:13-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;collection&#39;, &#39;1522771&#39;, &#39;Search Results&#39;); " href="/programs/eelke-kleijn-track-from-scratch">
    <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="Eelke Kleijn Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1522771/horizontal/740x420_centered__smaller_text_.1644236576.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1522771/horizontal/740x420_centered__smaller_text_.1644236576.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1522771/horizontal/740x420_centered__smaller_text_.1644236576.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1522771/horizontal/740x420_centered__smaller_text_.1644236576.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">29</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="Eelke Kleijn Track from Scratch" aria-label="Eelke Kleijn Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1522771&#39;, &#39;Search Results&#39;); " href="/programs/eelke-kleijn-track-from-scratch">
    <span class="line-clamp-2">
      Eelke Kleijn Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1177953"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In his first ever production course for FaderPro, Shaun walks you through his typical production process."
    data-author-title-0="Shaun Reeves" data-author-permalink-0="shaun-reeves"
    data-published-at="2021-06-23T03:30:47-06: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;collection&#39;, &#39;1177953&#39;, &#39;Search Results&#39;); " href="/programs/shaun-reeves-track-from-scratch">
    <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="Shaun Reeves Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1177953/horizontal/shaun-reeves-production-CatalogImage_1480x840.1624527958.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1177953/horizontal/shaun-reeves-production-CatalogImage_1480x840.1624527958.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1177953/horizontal/shaun-reeves-production-CatalogImage_1480x840.1624527958.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1177953/horizontal/shaun-reeves-production-CatalogImage_1480x840.1624527958.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">16</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="Shaun Reeves Track from Scratch" aria-label="Shaun Reeves Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1177953&#39;, &#39;Search Results&#39;); " href="/programs/shaun-reeves-track-from-scratch">
    <span class="line-clamp-2">
      Shaun Reeves Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1158594"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Over two and a half hours, Shaun will teach you the basics of vinyl and digital mixing, how to stay organized, and how to structure a set."
    data-author-title-0="Shaun Reeves" data-author-permalink-0="shaun-reeves"
    data-published-at="2021-06-11T02:47:44-06: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;collection&#39;, &#39;1158594&#39;, &#39;Search Results&#39;); " href="/programs/shaun-reeves-dj-masterclass">
    <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="Shaun Reeves DJ Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1158594/horizontal/xGCn9pyJRoeYLLOabdQU_shaun-reeves-dj-CatalogImage_1480x840.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1158594/horizontal/xGCn9pyJRoeYLLOabdQU_shaun-reeves-dj-CatalogImage_1480x840.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1158594/horizontal/xGCn9pyJRoeYLLOabdQU_shaun-reeves-dj-CatalogImage_1480x840.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1158594/horizontal/xGCn9pyJRoeYLLOabdQU_shaun-reeves-dj-CatalogImage_1480x840.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">17</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="Shaun Reeves DJ Masterclass" aria-label="Shaun Reeves DJ Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1158594&#39;, &#39;Search Results&#39;); " href="/programs/shaun-reeves-dj-masterclass">
    <span class="line-clamp-2">
      Shaun Reeves DJ Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_42056"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This course includes free blank Ableton Live templates and over four hours of impeccable music production education from D.Ramirez."
    data-author-title-0="D.Ramirez" data-author-permalink-0="dramirez"
    data-published-at="2018-09-16T14:11:50-06: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;collection&#39;, &#39;42056&#39;, &#39;Search Results&#39;); " href="/programs/from-loops-to-a-finished-track-w-dramirez">
    <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="From Loops to Finished Track w/ D.Ramirez" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/42056/horizontal/data_2Fimages_2F4LnCDdgGSmu6eOtja6TA_D.Ramirez_sthumb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/42056/horizontal/data_2Fimages_2F4LnCDdgGSmu6eOtja6TA_D.Ramirez_sthumb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/42056/horizontal/data_2Fimages_2F4LnCDdgGSmu6eOtja6TA_D.Ramirez_sthumb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/42056/horizontal/data_2Fimages_2F4LnCDdgGSmu6eOtja6TA_D.Ramirez_sthumb.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">20</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="From Loops to Finished Track w/ D.Ramirez" aria-label="From Loops to Finished Track w/ D.Ramirez" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;42056&#39;, &#39;Search Results&#39;); " href="/programs/from-loops-to-a-finished-track-w-dramirez">
    <span class="line-clamp-2">
      From Loops to Finished Track w/ D.Ramirez
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_17207"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to DJ with the legendary Roger Sanchez. Go beyond track-to-track mixing into full creative, live remixing, effects and more!"
    data-author-title-0="Roger Sanchez" data-author-permalink-0="roger-sanchez"
    data-published-at="2017-03-09T11:08:19-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;collection&#39;, &#39;17207&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass">
    <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="DJ Masterclass w/ Roger Sanchez" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/17207/horizontal/e610a375-84bd-4591-b2e1-822dd8a13629.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/17207/horizontal/e610a375-84bd-4591-b2e1-822dd8a13629.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/17207/horizontal/e610a375-84bd-4591-b2e1-822dd8a13629.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/17207/horizontal/e610a375-84bd-4591-b2e1-822dd8a13629.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">26</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="DJ Masterclass w/ Roger Sanchez" aria-label="DJ Masterclass w/ Roger Sanchez" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;17207&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass">
    <span class="line-clamp-2">
      DJ Masterclass w/ Roger Sanchez
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_14103"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Sander Kleinenberg" data-author-permalink-0="sander-kleinenberg"
    data-published-at="2016-12-12T16:24:12-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;collection&#39;, &#39;14103&#39;, &#39;Search Results&#39;); " href="/programs/in-the-studio-w-sander-kleinenberg">
    <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="In the Studio w/ Sander Kleinenberg" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/14103/horizontal/data_2Fimages_2FZjgCi6pKQg6idJydIesC_Sander_Thumb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/14103/horizontal/data_2Fimages_2FZjgCi6pKQg6idJydIesC_Sander_Thumb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/14103/horizontal/data_2Fimages_2FZjgCi6pKQg6idJydIesC_Sander_Thumb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/14103/horizontal/data_2Fimages_2FZjgCi6pKQg6idJydIesC_Sander_Thumb.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">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">17</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="In the Studio w/ Sander Kleinenberg" aria-label="In the Studio w/ Sander Kleinenberg" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;14103&#39;, &#39;Search Results&#39;); " href="/programs/in-the-studio-w-sander-kleinenberg">
    <span class="line-clamp-2">
      In the Studio w/ Sander Kleinenberg
    </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="remixing"
  
  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="66626" label="New Music Production Courses" >
              <ds-checkbox>New Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5995" label="Masterclass Series" >
              <ds-checkbox>Masterclass Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5994" label="In Studio Series" >
              <ds-checkbox>In Studio Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33092" label="Track Deconstructions" >
              <ds-checkbox>Track Deconstructions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33078" label="Finish My Record" >
              <ds-checkbox>Finish My Record</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5823" label="Foundations Series" >
              <ds-checkbox>Foundations Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2233" label="Ableton Live Courses" >
              <ds-checkbox>Ableton Live Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2232" label="Logic Pro Courses" >
              <ds-checkbox>Logic Pro Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2234" label="Cubase Courses" >
              <ds-checkbox>Cubase Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="167691" label="Studio One Courses" >
              <ds-checkbox>Studio One Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11392" label="FL Studio" >
              <ds-checkbox>FL Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5512" label="Pro Tools Courses" >
              <ds-checkbox>Pro Tools Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33084" label="Bitwig Courses" >
              <ds-checkbox>Bitwig Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6440" label="Armada University" >
              <ds-checkbox>Armada University</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2548" label="Toolroom Academy" >
              <ds-checkbox>Toolroom Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="141575" label="Inside Tracks" >
              <ds-checkbox>Inside Tracks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="80380" label="Protocol" >
              <ds-checkbox>Protocol</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9004" label="CR2 Records" >
              <ds-checkbox>CR2 Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="32405" label="Monstercat" >
              <ds-checkbox>Monstercat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="76509" label="Dim Mak" >
              <ds-checkbox>Dim Mak</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47853" label="Glasgow Underground" >
              <ds-checkbox>Glasgow Underground</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67614" label="Deeperfect" >
              <ds-checkbox>Deeperfect</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6010" label="Hospital Records" >
              <ds-checkbox>Hospital Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66477" label="Kontor" >
              <ds-checkbox>Kontor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33097" label="Viva Music" >
              <ds-checkbox>Viva Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66544" label="Mechanikal" >
              <ds-checkbox>Mechanikal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57455" label="Octopus" >
              <ds-checkbox>Octopus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5825" label="House courses" >
              <ds-checkbox>House courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5826" label="Techno Courses" >
              <ds-checkbox>Techno Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5828" label="EDM Courses" >
              <ds-checkbox>EDM Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5827" label="Drum &amp; Bass Courses" >
              <ds-checkbox>Drum &amp; Bass Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47418" label="Tech House Courses" >
              <ds-checkbox>Tech House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5744" label="FaderPro Originals" >
              <ds-checkbox>FaderPro Originals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22577" label="Live Series" >
              <ds-checkbox>Live Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67111" label="Bundle Courses" >
              <ds-checkbox>Bundle Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="84458" label="Reason courses" >
              <ds-checkbox>Reason courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2069" label="All Courses" >
              <ds-checkbox>All Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5745" label="UNCUT Series" >
              <ds-checkbox>UNCUT Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2365" label="Toolroom Academy - Complete Bundle" >
              <ds-checkbox>Toolroom Academy - Complete Bundle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2718" label="Harry Romero Course Bundle" >
              <ds-checkbox>Harry Romero Course Bundle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83014" label="Coming soon" >
              <ds-checkbox>Coming soon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="87716" label="Visionquest" >
              <ds-checkbox>Visionquest</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="93539" label="Spinnin Records" >
              <ds-checkbox>Spinnin Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105147" label="Interactive Courses" >
              <ds-checkbox>Interactive Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106997" label="The Science of Sound" >
              <ds-checkbox>The Science of Sound</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110236" label="Producers Club LIVE" >
              <ds-checkbox>Producers Club LIVE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112837" label="Trance Courses" >
              <ds-checkbox>Trance Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112841" label="Dubstep Courses" >
              <ds-checkbox>Dubstep Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112842" label="Nu-Disco Courses" >
              <ds-checkbox>Nu-Disco Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112844" label="Deep House Courses" >
              <ds-checkbox>Deep House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112845" label="Sound Design" >
              <ds-checkbox>Sound Design</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112850" label="Music Theory" >
              <ds-checkbox>Music Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112851" label="Recording Music" >
              <ds-checkbox>Recording Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112855" label="Trap Courses" >
              <ds-checkbox>Trap Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112864" label="Electro Pop Courses" >
              <ds-checkbox>Electro Pop Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112865" label="Mainstage Courses" >
              <ds-checkbox>Mainstage Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112879" label="Future Bass Courses" >
              <ds-checkbox>Future Bass Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113737" label="UK Garage Courses" >
              <ds-checkbox>UK Garage Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113738" label="Dance Courses" >
              <ds-checkbox>Dance Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113741" label="Electronic Courses" >
              <ds-checkbox>Electronic Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113751" label="Blues" >
              <ds-checkbox>Blues</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113752" label="Rock" >
              <ds-checkbox>Rock</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113755" label="Melodic Techno Courses" >
              <ds-checkbox>Melodic Techno Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114508" label="Free Music Production Courses" >
              <ds-checkbox>Free Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117256" label="Studio Shorts" >
              <ds-checkbox>Studio Shorts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119573" label="Top 10 Most Popular Music Production Courses" >
              <ds-checkbox>Top 10 Most Popular Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125521" label="DJ Courses" >
              <ds-checkbox>DJ Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="129311" label="Making Music with Logic Pro: Intermediate" >
              <ds-checkbox>Making Music with Logic Pro: Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="130234" label="2022 Top 10 Courses" >
              <ds-checkbox>2022 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="146287" label="Platinum courses" >
              <ds-checkbox>Platinum courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="147823" label="Woodlands Studio" >
              <ds-checkbox>Woodlands Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="154086" label="70 Off 70" >
              <ds-checkbox>70 Off 70</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="162606" label="Vocal Hooks Master Series" >
              <ds-checkbox>Vocal Hooks Master Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="177919" label="ADE 2023" >
              <ds-checkbox>ADE 2023</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180749" label="Holiday Bonanza 30% Off" >
              <ds-checkbox>Holiday Bonanza 30% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180751" label="Holiday Bonanza 40% Off" >
              <ds-checkbox>Holiday Bonanza 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180752" label="Holiday Bonanza 50% Off" >
              <ds-checkbox>Holiday Bonanza 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180753" label="Holiday Bonanza 60% Off" >
              <ds-checkbox>Holiday Bonanza 60% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="183095" label="2023 Top 10 Courses" >
              <ds-checkbox>2023 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185391" label="Latin House Courses" >
              <ds-checkbox>Latin House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193645" label="Studio Love 40% Off" >
              <ds-checkbox>Studio Love 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193646" label="Studio Love 50% Off" >
              <ds-checkbox>Studio Love 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="195029" label="Mixing and Mastering" >
              <ds-checkbox>Mixing and Mastering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="195875" label="303 Day" >
              <ds-checkbox>303 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="215680" label="808 Day" >
              <ds-checkbox>808 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="219620" label="909 Day" >
              <ds-checkbox>909 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="226342" label="Subtone" >
              <ds-checkbox>Subtone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227255" label="Black Friday 40% Off" >
              <ds-checkbox>Black Friday 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227256" label="Black Friday 50% Off" >
              <ds-checkbox>Black Friday 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227257" label="Black Friday 60% Off" >
              <ds-checkbox>Black Friday 60% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227258" label="Black Friday 70% Off" >
              <ds-checkbox>Black Friday 70% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="229781" label="Producers Club Exclusive Courses" >
              <ds-checkbox>Producers Club Exclusive Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="230181" label="2024 Top 10 Courses" >
              <ds-checkbox>2024 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="234360" label="Afro House Courses" >
              <ds-checkbox>Afro House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242466" label="Miami Music Week" >
              <ds-checkbox>Miami Music Week</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="243478" label="Miami Music Week Extra" >
              <ds-checkbox>Miami Music Week Extra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="259691" label="Save More" >
              <ds-checkbox>Save More</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="264175" label="Try For Free" >
              <ds-checkbox>Try For Free</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="269694" label="2025 Top 10 courses" >
              <ds-checkbox>2025 Top 10 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="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="17838" label="Albert Harvey" >
              <ds-checkbox>Albert Harvey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18793" label="Alex Preston" >
              <ds-checkbox>Alex Preston</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111918" label="Andrew Azara" >
              <ds-checkbox>Andrew Azara</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1434" label="ANOTR" >
              <ds-checkbox>ANOTR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2550" label="ATFC" >
              <ds-checkbox>ATFC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109077" label="Author" >
              <ds-checkbox>Author</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="965" label="Ben Remember" >
              <ds-checkbox>Ben Remember</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="250" label="Bill Gordon" >
              <ds-checkbox>Bill Gordon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46269" label="BK" >
              <ds-checkbox>BK</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108062" label="Bram Fidder" >
              <ds-checkbox>Bram Fidder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="246" label="Brian Matrix" >
              <ds-checkbox>Brian Matrix</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114108" label="BURNR" >
              <ds-checkbox>BURNR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61226" label="CASSIMM" >
              <ds-checkbox>CASSIMM</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106640" label="Crusy" >
              <ds-checkbox>Crusy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="245" label="Dale Howard" >
              <ds-checkbox>Dale Howard</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109191" label="Danny Avila" >
              <ds-checkbox>Danny Avila</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2996" label="Danny Byrd" >
              <ds-checkbox>Danny Byrd</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35508" label="D.A.V.E. The Drummer" >
              <ds-checkbox>D.A.V.E. The Drummer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4243" label="Dave Winnel" >
              <ds-checkbox>Dave Winnel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11998" label="David Tort" >
              <ds-checkbox>David Tort</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="69951" label="Detlef" >
              <ds-checkbox>Detlef</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112456" label="Devstar" >
              <ds-checkbox>Devstar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99822" label="Dilby" >
              <ds-checkbox>Dilby</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51721" label="DJ S.K.T" >
              <ds-checkbox>DJ S.K.T</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106562" label="DJ Spen" >
              <ds-checkbox>DJ Spen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34959" label="DLMT" >
              <ds-checkbox>DLMT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44867" label="DØBER" >
              <ds-checkbox>DØBER</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1057" label="Dom Kane" >
              <ds-checkbox>Dom Kane</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="243" label="D.Ramirez" >
              <ds-checkbox>D.Ramirez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30986" label="Duumu" >
              <ds-checkbox>Duumu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24240" label="Eddie Thoneick" >
              <ds-checkbox>Eddie Thoneick</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242" label="Eelke Kleijn" >
              <ds-checkbox>Eelke Kleijn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31226" label="Ellis" >
              <ds-checkbox>Ellis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98550" label="Ellis Moss" >
              <ds-checkbox>Ellis Moss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4029" label="Estiva" >
              <ds-checkbox>Estiva</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8987" label="Fabio Lendrum" >
              <ds-checkbox>Fabio Lendrum</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33272" label="Ferry Corsten" >
              <ds-checkbox>Ferry Corsten</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105676" label="Fleur Shore" >
              <ds-checkbox>Fleur Shore</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="251" label="Funkagenda" >
              <ds-checkbox>Funkagenda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60358" label="George Smeddles" >
              <ds-checkbox>George Smeddles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5955" label="Get To Know" >
              <ds-checkbox>Get To Know</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8988" label="Goldfish" >
              <ds-checkbox>Goldfish</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5580" label="Greymatter" >
              <ds-checkbox>Greymatter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="247" label="Harry Romero" >
              <ds-checkbox>Harry Romero</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="240" label="Hauswerks" >
              <ds-checkbox>Hauswerks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="19165" label="Huxley" >
              <ds-checkbox>Huxley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67365" label="Iglesias" >
              <ds-checkbox>Iglesias</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="248" label="iLL Factor" >
              <ds-checkbox>iLL Factor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1377" label="Illyus Barrientos" >
              <ds-checkbox>Illyus Barrientos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="239" label="James Egbert" >
              <ds-checkbox>James Egbert</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46791" label="Jason Herd" >
              <ds-checkbox>Jason Herd</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31002" label="Jerome" >
              <ds-checkbox>Jerome</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="254" label="Jim Stout" >
              <ds-checkbox>Jim Stout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44273" label="Joachim Pastor" >
              <ds-checkbox>Joachim Pastor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3955" label="Jon Kong (Leftwing:Kody)" >
              <ds-checkbox>Jon Kong (Leftwing:Kody)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50910" label="Jono Buchanan" >
              <ds-checkbox>Jono Buchanan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40638" label="Jon Sine" >
              <ds-checkbox>Jon Sine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115013" label="Jorn Bouwmeester" >
              <ds-checkbox>Jorn Bouwmeester</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="740" label="Josh Butler" >
              <ds-checkbox>Josh Butler</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1332" label="Junior Sanchez" >
              <ds-checkbox>Junior Sanchez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="739" label="Keeno" >
              <ds-checkbox>Keeno</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="19233" label="Kevin McKay" >
              <ds-checkbox>Kevin McKay</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6116" label="KhoMha" >
              <ds-checkbox>KhoMha</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6050" label="Kinnerman" >
              <ds-checkbox>Kinnerman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="201" label="KO:YU" >
              <ds-checkbox>KO:YU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31227" label="Kreature" >
              <ds-checkbox>Kreature</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116651" label="LAR" >
              <ds-checkbox>LAR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5954" label="Larry Holcombe" >
              <ds-checkbox>Larry Holcombe</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50330" label="Late Replies" >
              <ds-checkbox>Late Replies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85662" label="Latmun" >
              <ds-checkbox>Latmun</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35925" label="Lorenzo De Blanck" >
              <ds-checkbox>Lorenzo De Blanck</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1435" label="Luca Pretolesi" >
              <ds-checkbox>Luca Pretolesi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5410" label="Luke Bond" >
              <ds-checkbox>Luke Bond</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27664" label="LUXXURY" >
              <ds-checkbox>LUXXURY</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11945" label="MANT" >
              <ds-checkbox>MANT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8724" label="Marco Lys" >
              <ds-checkbox>Marco Lys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51404" label="Marc Romboy" >
              <ds-checkbox>Marc Romboy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="244" label="Mark Knight" >
              <ds-checkbox>Mark Knight</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56632" label="Mark Maitland" >
              <ds-checkbox>Mark Maitland</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4960" label="Mark Sixma" >
              <ds-checkbox>Mark Sixma</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8432" label="Martin Badder" >
              <ds-checkbox>Martin Badder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8027" label="Martin Ikin" >
              <ds-checkbox>Martin Ikin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="48085" label="Max Chapman" >
              <ds-checkbox>Max Chapman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8725" label="Maxim Lany" >
              <ds-checkbox>Maxim Lany</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="71139" label="Michael Gray" >
              <ds-checkbox>Michael Gray</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30989" label="Mike Candys" >
              <ds-checkbox>Mike Candys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31030" label="MiSiNKi" >
              <ds-checkbox>MiSiNKi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22796" label="Nathan Barato" >
              <ds-checkbox>Nathan Barato</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31228" label="Neptunica" >
              <ds-checkbox>Neptunica</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8989" label="Nick Ten Broeke" >
              <ds-checkbox>Nick Ten Broeke</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36496" label="Nicky Romero" >
              <ds-checkbox>Nicky Romero</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35390" label="Norman Doray" >
              <ds-checkbox>Norman Doray</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="238" label="Nu:Tone" >
              <ds-checkbox>Nu:Tone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55643" label="OC &amp; Verde" >
              <ds-checkbox>OC &amp; Verde</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8187" label="Ørjan Nilsen" >
              <ds-checkbox>Ørjan Nilsen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52005" label="Piero Pirupa" >
              <ds-checkbox>Piero Pirupa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38060" label="Protostar" >
              <ds-checkbox>Protostar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99038" label="R3WIRE" >
              <ds-checkbox>R3WIRE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40399" label="Ramin Rezaie" >
              <ds-checkbox>Ramin Rezaie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="100939" label="Reelow" >
              <ds-checkbox>Reelow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="62068" label="Rendher" >
              <ds-checkbox>Rendher</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="241" label="Rene Amesz" >
              <ds-checkbox>Rene Amesz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8345" label="ReOrder" >
              <ds-checkbox>ReOrder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45327" label="Robert Babicz" >
              <ds-checkbox>Robert Babicz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3771" label="Rodg" >
              <ds-checkbox>Rodg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="249" label="Roger Sanchez" >
              <ds-checkbox>Roger Sanchez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="101362" label="Rossi." >
              <ds-checkbox>Rossi.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51206" label="Rudosa" >
              <ds-checkbox>Rudosa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252" label="Sander Kleinenberg" >
              <ds-checkbox>Sander Kleinenberg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9587" label="Saytek" >
              <ds-checkbox>Saytek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1300" label="Shadow Child" >
              <ds-checkbox>Shadow Child</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="39429" label="Shaun Reeves" >
              <ds-checkbox>Shaun Reeves</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26369" label="Sian" >
              <ds-checkbox>Sian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7532" label="Siege" >
              <ds-checkbox>Siege</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27642" label="Slumberjack" >
              <ds-checkbox>Slumberjack</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41899" label="SLVR" >
              <ds-checkbox>SLVR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11644" label="Stonebank" >
              <ds-checkbox>Stonebank</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8990" label="Sultan + Shephard" >
              <ds-checkbox>Sultan + Shephard</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31008" label="The Cube Guys" >
              <ds-checkbox>The Cube Guys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67" label="Thomas Gold" >
              <ds-checkbox>Thomas Gold</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52627" label="Timmo Hendriks" >
              <ds-checkbox>Timmo Hendriks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57645" label="Tom Enzy" >
              <ds-checkbox>Tom Enzy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31000" label="Tough Love" >
              <ds-checkbox>Tough Love</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="207" label="Tritonal" >
              <ds-checkbox>Tritonal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1105" label="Tuff London" >
              <ds-checkbox>Tuff London</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66" label="Umek" >
              <ds-checkbox>Umek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="253" label="Vincent DiPasquale" >
              <ds-checkbox>Vincent DiPasquale</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54925" label="wAFF" >
              <ds-checkbox>wAFF</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53594" label="Wankelmut" >
              <ds-checkbox>Wankelmut</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42781" label="WATERMÄT" >
              <ds-checkbox>WATERMÄT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8543" label="Zack Martino" >
              <ds-checkbox>Zack Martino</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1301" label="ZDS (Zombie Disco Squad)" >
              <ds-checkbox>ZDS (Zombie Disco Squad)</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_46" id="catalog_filter_46" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Label: All" inner-prefix="Label" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="293" label="Armada University" >
              <ds-checkbox>Armada University</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="294" label="CR2" >
              <ds-checkbox>CR2</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="304" label="Deeperfect" >
              <ds-checkbox>Deeperfect</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="305" label="Dim Mak" >
              <ds-checkbox>Dim Mak</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="299" label="FaderPro" >
              <ds-checkbox>FaderPro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="295" label="Glasgow Underground" >
              <ds-checkbox>Glasgow Underground</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="296" label="Hospital Records" >
              <ds-checkbox>Hospital Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302" label="Kontor" >
              <ds-checkbox>Kontor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="303" label="Mechanikal" >
              <ds-checkbox>Mechanikal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="297" label="Monstercat" >
              <ds-checkbox>Monstercat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="306" label="Protocol" >
              <ds-checkbox>Protocol</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="308" label="Spinnin" >
              <ds-checkbox>Spinnin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56069" label="Subtone" >
              <ds-checkbox>Subtone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="298" label="Toolroom Academy" >
              <ds-checkbox>Toolroom Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301" label="Octopus" >
              <ds-checkbox>Octopus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="300" label="Viva Music" >
              <ds-checkbox>Viva Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37697" label="Woodlands Studio" >
              <ds-checkbox>Woodlands Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="307" label="Visionquest" >
              <ds-checkbox>Visionquest</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_45" id="catalog_filter_45" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="DAW: All" inner-prefix="DAW" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="286" label="Ableton Live" >
              <ds-checkbox>Ableton Live</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="287" label="Logic Pro" >
              <ds-checkbox>Logic Pro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="288" label="Cubase" >
              <ds-checkbox>Cubase</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="289" label="FL Studio" >
              <ds-checkbox>FL Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="290" label="Pro Tools" >
              <ds-checkbox>Pro Tools</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="291" label="Bitwig Studio" >
              <ds-checkbox>Bitwig Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="292" label="Reason" >
              <ds-checkbox>Reason</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41468" label="Studio One" >
              <ds-checkbox>Studio One</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="remixing" 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="remixing"
  
  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></body></html>