<turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="video_1235844"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1235844"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="1"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="In this lecture, Faisal discusses the transition from a beginning Derbakke player to more intermediate playing."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2021-07-27T10:06:09-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/intermediate-derbakke-with-faisal-zedan">
    <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="Intermediate Derbakke with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1235844/horizontal/FZ_Intermediate_Derbakke__1_.1627432848.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1235844/horizontal/FZ_Intermediate_Derbakke__1_.1627432848.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1235844/horizontal/FZ_Intermediate_Derbakke__1_.1627432848.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1235844/horizontal/FZ_Intermediate_Derbakke__1_.1627432848.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">20:52</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Intermediate Derbakke with Faisal Zedan" aria-label="Intermediate Derbakke with Faisal Zedan" href="/programs/intermediate-derbakke-with-faisal-zedan">
    <span class="line-clamp-2">
      Intermediate Derbakke with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_1067879"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1067879"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="2"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="In this all-level workshop Faisal discusses the Wahda Kabira, Malfouf, and Maqsoum families."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2021-04-19T21:23:15-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/rhythm-families-and-relationships-with-faisal-zedan">
    <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="Rhythm Families &amp; Relationships with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1067879/horizontal/14437_2Fcatalog_image_2F1067879_2FZElW1gwiQDyHcg8YVl5J_Rhythm_20Families_20_26_20Relationships_20with_20Faisal_20Zedan_20Thumbnail.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1067879/horizontal/14437_2Fcatalog_image_2F1067879_2FZElW1gwiQDyHcg8YVl5J_Rhythm_20Families_20_26_20Relationships_20with_20Faisal_20Zedan_20Thumbnail.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1067879/horizontal/14437_2Fcatalog_image_2F1067879_2FZElW1gwiQDyHcg8YVl5J_Rhythm_20Families_20_26_20Relationships_20with_20Faisal_20Zedan_20Thumbnail.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1067879/horizontal/14437_2Fcatalog_image_2F1067879_2FZElW1gwiQDyHcg8YVl5J_Rhythm_20Families_20_26_20Relationships_20with_20Faisal_20Zedan_20Thumbnail.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">10</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Rhythm Families &amp; Relationships with Faisal Zedan" aria-label="Rhythm Families &amp; Relationships with Faisal Zedan" href="/programs/rhythm-families-and-relationships-with-faisal-zedan">
    <span class="line-clamp-2">
      Rhythm Families &amp; Relationships with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_595374"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="595374"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="3"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Learn all about the art of the drum solo! Faisal discusses the differences between the artistic drum solo vs. the traditional drum solo."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T15:27:34-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/drum-solos-technique-and-communication-with-faisal-zedan">
    <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="Drum Solo: Technique &amp; Communication with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/595374/horizontal/14437_2Fcatalog_image_2F658739_2Fzr6PcFqT2KK1ZWXqSvpF_FAISAL.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/595374/horizontal/14437_2Fcatalog_image_2F658739_2Fzr6PcFqT2KK1ZWXqSvpF_FAISAL.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/595374/horizontal/14437_2Fcatalog_image_2F658739_2Fzr6PcFqT2KK1ZWXqSvpF_FAISAL.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/595374/horizontal/14437_2Fcatalog_image_2F658739_2Fzr6PcFqT2KK1ZWXqSvpF_FAISAL.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">
        <span class="badge-item">18:59</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Drum Solo: Technique &amp; Communication with Faisal Zedan" aria-label="Drum Solo: Technique &amp; Communication with Faisal Zedan" href="/programs/drum-solos-technique-and-communication-with-faisal-zedan">
    <span class="line-clamp-2">
      Drum Solo: Technique &amp; Communication with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_595365"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="595365"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="4"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="In this short lecture, Faisal gives you several ideas for warming up before drumming."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T15:26:53-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/warm-up-for-drumming-with-faisal-zedan">
    <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="Warm Up for Drumming with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/595365/horizontal/335e861c-055d-442c-9b9b-415c469db12f.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/595365/horizontal/335e861c-055d-442c-9b9b-415c469db12f.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/595365/horizontal/335e861c-055d-442c-9b9b-415c469db12f.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/595365/horizontal/335e861c-055d-442c-9b9b-415c469db12f.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Warm Up for Drumming with Faisal Zedan" aria-label="Warm Up for Drumming with Faisal Zedan" href="/programs/warm-up-for-drumming-with-faisal-zedan">
    <span class="line-clamp-2">
      Warm Up for Drumming with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_595362"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="595362"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="5"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Faisal discusses the role of finger cymbals within live music and gives his opinions on when is best to use finger cymbals."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T15:26:38-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/mindful-finger-cymbals-with-faisal-zedan">
    <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="Mindful Finger Cymbals with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/595362/horizontal/79057af5-58ce-4559-8855-7b13f2e9ec70.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/595362/horizontal/79057af5-58ce-4559-8855-7b13f2e9ec70.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/595362/horizontal/79057af5-58ce-4559-8855-7b13f2e9ec70.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/595362/horizontal/79057af5-58ce-4559-8855-7b13f2e9ec70.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:51</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Mindful Finger Cymbals with Faisal Zedan" aria-label="Mindful Finger Cymbals with Faisal Zedan" href="/programs/mindful-finger-cymbals-with-faisal-zedan">
    <span class="line-clamp-2">
      Mindful Finger Cymbals with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_595359"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="595359"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="6"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Faisal discusses the dynamic between dancers and drummers and the importance of communication in this brief lecture."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2025-08-25T14:00:11-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/drummer-and-dancer-communication-with-faisal-zedan">
    <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="Drummer &amp; Dancer Communication with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/595359/horizontal/9f026fec-d344-45aa-bc12-52e539e76fe5.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/595359/horizontal/9f026fec-d344-45aa-bc12-52e539e76fe5.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/595359/horizontal/9f026fec-d344-45aa-bc12-52e539e76fe5.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/595359/horizontal/9f026fec-d344-45aa-bc12-52e539e76fe5.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:52</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Drummer &amp; Dancer Communication with Faisal Zedan" aria-label="Drummer &amp; Dancer Communication with Faisal Zedan" href="/programs/drummer-and-dancer-communication-with-faisal-zedan">
    <span class="line-clamp-2">
      Drummer &amp; Dancer Communication with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594996"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594996"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="7"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Masmoudi Kabir rhythm on the Riqq with Faisal Zedan in this all level spotlight from &quot;Introduction to the Riqq&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:48:24-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/riqq-drills-masmoudi-kabir-with-faisal-zedan">
    <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="Riqq Drills: Masmoudi Kabir with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594996/horizontal/90ede5b2-8dac-467c-a5ac-1b6f3ab0e604.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594996/horizontal/90ede5b2-8dac-467c-a5ac-1b6f3ab0e604.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594996/horizontal/90ede5b2-8dac-467c-a5ac-1b6f3ab0e604.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594996/horizontal/90ede5b2-8dac-467c-a5ac-1b6f3ab0e604.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:07</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Riqq Drills: Masmoudi Kabir with Faisal Zedan" aria-label="Riqq Drills: Masmoudi Kabir with Faisal Zedan" href="/programs/riqq-drills-masmoudi-kabir-with-faisal-zedan">
    <span class="line-clamp-2">
      Riqq Drills: Masmoudi Kabir with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594995"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594995"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="8"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Maqsoum rhythm on the Riqq in this spotlight from Faisal Zedan&#39;s &quot;Introduction to the Riqq&quot;. This drill is for all levels."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:48:17-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/riqq-drills-maqsoum-with-faisal-zedan">
    <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="Riqq Drills: Maqsoum with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594995/horizontal/d6d6d4de-4262-4d23-bbbf-60f0afec5d71.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594995/horizontal/d6d6d4de-4262-4d23-bbbf-60f0afec5d71.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594995/horizontal/d6d6d4de-4262-4d23-bbbf-60f0afec5d71.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594995/horizontal/d6d6d4de-4262-4d23-bbbf-60f0afec5d71.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:19</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Riqq Drills: Maqsoum with Faisal Zedan" aria-label="Riqq Drills: Maqsoum with Faisal Zedan" href="/programs/riqq-drills-maqsoum-with-faisal-zedan">
    <span class="line-clamp-2">
      Riqq Drills: Maqsoum with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594994"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594994"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="9"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Wahda Kabira rhythm on the Riqq with Faisal Zedan in this all level spotlight from &quot;Introduction to the Riqq&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:48:07-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/riqq-drills-wahda-kabira-with-faisal-zedan">
    <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="Riqq Drills: Wahda Kabira with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594994/horizontal/c6639e29-545a-49bf-8ee1-399baf0a9cc6.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594994/horizontal/c6639e29-545a-49bf-8ee1-399baf0a9cc6.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594994/horizontal/c6639e29-545a-49bf-8ee1-399baf0a9cc6.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594994/horizontal/c6639e29-545a-49bf-8ee1-399baf0a9cc6.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:42</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Riqq Drills: Wahda Kabira with Faisal Zedan" aria-label="Riqq Drills: Wahda Kabira with Faisal Zedan" href="/programs/riqq-drills-wahda-kabira-with-faisal-zedan">
    <span class="line-clamp-2">
      Riqq Drills: Wahda Kabira with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594993"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594993"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="10"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Malfouf rhythm on the Riqq with Faisal Zedan in this spotlight from &quot;Introduction to the Riqq&quot;. This drill is for all levels."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:48:04-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/riqq-drills-malfouf-with-faisal-zedan">
    <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="Riqq Drills: Malfouf with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594993/horizontal/a5b8732c-b7c4-47b6-808e-71b74227b902.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594993/horizontal/a5b8732c-b7c4-47b6-808e-71b74227b902.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594993/horizontal/a5b8732c-b7c4-47b6-808e-71b74227b902.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594993/horizontal/a5b8732c-b7c4-47b6-808e-71b74227b902.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:09</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Riqq Drills: Malfouf with Faisal Zedan" aria-label="Riqq Drills: Malfouf with Faisal Zedan" href="/programs/riqq-drills-malfouf-with-faisal-zedan">
    <span class="line-clamp-2">
      Riqq Drills: Malfouf with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594992"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594992"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="11"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Faisal discusses the technique and dynamic of the Riqq in this all level lecture."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:47:51-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/dynamics-of-the-riqq-with-faisal-zedan">
    <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="Dynamics of the Riqq with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594992/horizontal/b76fd638-d76f-4f07-8a7d-a876891a69b5.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594992/horizontal/b76fd638-d76f-4f07-8a7d-a876891a69b5.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594992/horizontal/b76fd638-d76f-4f07-8a7d-a876891a69b5.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594992/horizontal/b76fd638-d76f-4f07-8a7d-a876891a69b5.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:46</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Dynamics of the Riqq with Faisal Zedan" aria-label="Dynamics of the Riqq with Faisal Zedan" href="/programs/dynamics-of-the-riqq-with-faisal-zedan">
    <span class="line-clamp-2">
      Dynamics of the Riqq with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594990"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594990"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="12"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Learn about some of the history and cultural aspects of the Riqq in this all level spotlight from Faisal Zedan&#39;s &quot;Introduction to the Riqq&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:47:25-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/history-of-the-riqq-with-faisal-zedan">
    <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="History of the Riqq with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594990/horizontal/475015c4-d6d8-452f-afac-be289eb3a055.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594990/horizontal/475015c4-d6d8-452f-afac-be289eb3a055.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594990/horizontal/475015c4-d6d8-452f-afac-be289eb3a055.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594990/horizontal/475015c4-d6d8-452f-afac-be289eb3a055.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06:06</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="History of the Riqq with Faisal Zedan" aria-label="History of the Riqq with Faisal Zedan" href="/programs/history-of-the-riqq-with-faisal-zedan">
    <span class="line-clamp-2">
      History of the Riqq with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594989"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594989"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="13"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Learn the fundamentals of the Riqq with Faisal Zedan in this beginning spotlight from &quot;Introduction to the Riqq&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:47:17-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/riqq-fundamentals-with-faisal-zedan">
    <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="Riqq Fundamentals with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594989/horizontal/27dc81c5-6764-4b52-a393-6f5c7cc58701.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594989/horizontal/27dc81c5-6764-4b52-a393-6f5c7cc58701.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594989/horizontal/27dc81c5-6764-4b52-a393-6f5c7cc58701.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594989/horizontal/27dc81c5-6764-4b52-a393-6f5c7cc58701.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:25</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Riqq Fundamentals with Faisal Zedan" aria-label="Riqq Fundamentals with Faisal Zedan" href="/programs/riqq-fundamentals-with-faisal-zedan">
    <span class="line-clamp-2">
      Riqq Fundamentals with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594958"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594958"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="14"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Maqsoum rhythm on Derbakke in this beginning level spotlight from Faisal Zedan&#39;s &quot;Introduction to Derbakke: Drum Fundamentals&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:44:32-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/maqsoum-beginning-derbakke-drills-with-faisal-zedan">
    <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="Maqsoum: Beginning Derbakke Drills with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594958/horizontal/d673e5b8-15ba-4717-8d89-268a30b1cdaa.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594958/horizontal/d673e5b8-15ba-4717-8d89-268a30b1cdaa.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594958/horizontal/d673e5b8-15ba-4717-8d89-268a30b1cdaa.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594958/horizontal/d673e5b8-15ba-4717-8d89-268a30b1cdaa.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Maqsoum: Beginning Derbakke Drills with Faisal Zedan" aria-label="Maqsoum: Beginning Derbakke Drills with Faisal Zedan" href="/programs/maqsoum-beginning-derbakke-drills-with-faisal-zedan">
    <span class="line-clamp-2">
      Maqsoum: Beginning Derbakke Drills with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594957"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594957"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="15"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Learn the Wahda Kabira rhythm on Derbakke in this beginning spotlight from Faisal Zedan&#39;s &quot;Introduction to Derbakke: Drum Fundamentals&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:44:25-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/wahda-kabira-beginning-derbakke-drills-with-faisal-zedan">
    <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="Wahda Kabira: Beginning Derbakke Drills with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594957/horizontal/69e14940-3c40-40ce-9078-99fa50288e8f.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594957/horizontal/69e14940-3c40-40ce-9078-99fa50288e8f.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594957/horizontal/69e14940-3c40-40ce-9078-99fa50288e8f.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594957/horizontal/69e14940-3c40-40ce-9078-99fa50288e8f.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:39</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Wahda Kabira: Beginning Derbakke Drills with Faisal Zedan" aria-label="Wahda Kabira: Beginning Derbakke Drills with Faisal Zedan" href="/programs/wahda-kabira-beginning-derbakke-drills-with-faisal-zedan">
    <span class="line-clamp-2">
      Wahda Kabira: Beginning Derbakke Drills with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594956"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594956"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="16"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Faisal gives some tips about drum care and maintenance in this beginning level spotlight from &quot;Introduction to Derbakke: Drum Fundamentals&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:44:15-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/drum-care-and-maintenance-with-faisal-zedan">
    <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="Drum Care &amp; Maintenance with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594956/horizontal/78d78ebb-51f7-41c5-b6c4-d7d2c41b3771.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594956/horizontal/78d78ebb-51f7-41c5-b6c4-d7d2c41b3771.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594956/horizontal/78d78ebb-51f7-41c5-b6c4-d7d2c41b3771.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594956/horizontal/78d78ebb-51f7-41c5-b6c4-d7d2c41b3771.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:02</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Drum Care &amp; Maintenance with Faisal Zedan" aria-label="Drum Care &amp; Maintenance with Faisal Zedan" href="/programs/drum-care-and-maintenance-with-faisal-zedan">
    <span class="line-clamp-2">
      Drum Care &amp; Maintenance with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594947"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594947"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="17"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description=" In this workshop, Faisal teaches you the basic sounds of the Riqq and discusses the history of this instrument."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:43:19-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/introduction-to-the-riqq-with-faisal-zedan">
    <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="Introduction to the Riqq with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594947/horizontal/14437_2Fcatalog_image_2F658315_2FEJf7UOjbT8SCLOMULDWs_Copy_20of_20GRUNGE_20WORKSHOP_20_99_.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594947/horizontal/14437_2Fcatalog_image_2F658315_2FEJf7UOjbT8SCLOMULDWs_Copy_20of_20GRUNGE_20WORKSHOP_20_99_.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594947/horizontal/14437_2Fcatalog_image_2F658315_2FEJf7UOjbT8SCLOMULDWs_Copy_20of_20GRUNGE_20WORKSHOP_20_99_.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594947/horizontal/14437_2Fcatalog_image_2F658315_2FEJf7UOjbT8SCLOMULDWs_Copy_20of_20GRUNGE_20WORKSHOP_20_99_.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">54:56</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Introduction to the Riqq with Faisal Zedan" aria-label="Introduction to the Riqq with Faisal Zedan" href="/programs/introduction-to-the-riqq-with-faisal-zedan">
    <span class="line-clamp-2">
      Introduction to the Riqq with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594955"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594955"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="18"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Practice the Wahda Wa Nous rhythm on Derbakke in this spotlight from &quot;Introduction to Derbakke: Drum Fundamentals&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:44:12-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/wahda-wa-nous-beginning-derbakke-drills-with-faisal-zedan">
    <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="Wahda Wa Nous: Beginning Derbakke Drills with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594955/horizontal/d3aca1a7-1388-4455-9242-d53a03f1ec46.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594955/horizontal/d3aca1a7-1388-4455-9242-d53a03f1ec46.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594955/horizontal/d3aca1a7-1388-4455-9242-d53a03f1ec46.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594955/horizontal/d3aca1a7-1388-4455-9242-d53a03f1ec46.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:32</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Wahda Wa Nous: Beginning Derbakke Drills with Faisal Zedan" aria-label="Wahda Wa Nous: Beginning Derbakke Drills with Faisal Zedan" href="/programs/wahda-wa-nous-beginning-derbakke-drills-with-faisal-zedan">
    <span class="line-clamp-2">
      Wahda Wa Nous: Beginning Derbakke Drills with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594941"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594941"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="19"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Let&#39;s learn how to play Derbakke! In this 30-minute, beginning workshop, you&#39;ll be learning the fundamental sounds of the drum."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:42:27-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/intro-to-derbake-with-faisal-zedan">
    <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="Introduction to Derbakke: Drum Fundamentals with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594941/horizontal/14437_2Fcatalog_image_2F658309_2FLcFNcl2cTlaPv7aNRTfQ_Copy_20of_20GRUNGE_20WORKSHOP_20_100_.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594941/horizontal/14437_2Fcatalog_image_2F658309_2FLcFNcl2cTlaPv7aNRTfQ_Copy_20of_20GRUNGE_20WORKSHOP_20_100_.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594941/horizontal/14437_2Fcatalog_image_2F658309_2FLcFNcl2cTlaPv7aNRTfQ_Copy_20of_20GRUNGE_20WORKSHOP_20_100_.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594941/horizontal/14437_2Fcatalog_image_2F658309_2FLcFNcl2cTlaPv7aNRTfQ_Copy_20of_20GRUNGE_20WORKSHOP_20_100_.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">33:45</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Introduction to Derbakke: Drum Fundamentals with Faisal Zedan" aria-label="Introduction to Derbakke: Drum Fundamentals with Faisal Zedan" href="/programs/intro-to-derbake-with-faisal-zedan">
    <span class="line-clamp-2">
      Introduction to Derbakke: Drum Fundamentals with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_1752121"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1752121"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="20"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="In these 5 minute drills, Faisal demonstrates the basics of each rhythm and offers accents and embellishments for you to follow along with."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2022-06-21T22:29:18-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/derbakke-drill-along-with-faisal-zedan">
    <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="Derbakke Drill Along with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1752121/horizontal/Faisal_zedan.1655876340.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1752121/horizontal/Faisal_zedan.1655876340.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1752121/horizontal/Faisal_zedan.1655876340.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1752121/horizontal/Faisal_zedan.1655876340.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">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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Derbakke Drill Along with Faisal Zedan" aria-label="Derbakke Drill Along with Faisal Zedan" href="/programs/derbakke-drill-along-with-faisal-zedan">
    <span class="line-clamp-2">
      Derbakke Drill Along with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_1067738"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="1067738"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="21"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="In this spotlight from Rhythm Families &amp; Relationships, Faisal discusses and demonstrates the Wahda Kabira family of rhythms."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2021-04-19T18:14:01-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/wahda-kabira-rhythm-families-and-relationships-with-faisal-zedan">
    <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="Wahda Kabira: Rhythm Families &amp; Relationships with Faisal Zedan" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1067738/horizontal/Wahda_Kabira_Thumb.1653507205.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1067738/horizontal/Wahda_Kabira_Thumb.1653507205.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1067738/horizontal/Wahda_Kabira_Thumb.1653507205.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1067738/horizontal/Wahda_Kabira_Thumb.1653507205.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">
        <span class="badge-item">06:22</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Wahda Kabira: Rhythm Families &amp; Relationships with Faisal Zedan" aria-label="Wahda Kabira: Rhythm Families &amp; Relationships with Faisal Zedan" href="/programs/wahda-kabira-rhythm-families-and-relationships-with-faisal-zedan">
    <span class="line-clamp-2">
      Wahda Kabira: Rhythm Families &amp; Relationships with Faisal Zedan
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_594959"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="594959"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="22"
    data-catalog--card-analytics-result-set-size-value="22"
  class="self-start hotwired"
    data-short-description="Learn the basic sounds of the drum from Faisal Zedan in this beginning level spotlight from &quot;Introduction to Derbakke: Drum Fundamentals&quot;."
    data-author-title-0="Faisal Zedan" data-author-permalink-0="faisal-zedan"
    data-published-at="2020-08-13T14:44:34-07:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/fundamental-derbakke-sounds-and-posture">
    <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="Fundamental Derbakke Sounds &amp; Posture" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/594959/horizontal/1e8d0f4a-37ae-4e04-88fe-24d3cb469fae.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/594959/horizontal/1e8d0f4a-37ae-4e04-88fe-24d3cb469fae.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/594959/horizontal/1e8d0f4a-37ae-4e04-88fe-24d3cb469fae.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/594959/horizontal/1e8d0f4a-37ae-4e04-88fe-24d3cb469fae.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">15:57</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Fundamental Derbakke Sounds &amp; Posture" aria-label="Fundamental Derbakke Sounds &amp; Posture" href="/programs/fundamental-derbakke-sounds-and-posture">
    <span class="line-clamp-2">
      Fundamental Derbakke Sounds &amp; Posture
    </span>
</a></swiper-slide>

  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
    <div data-controller="catalog--event-dispatcher" data-catalog--event-dispatcher-result-set-size-value="22" hidden></div>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value="faisal"
  
  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="55286" label="Welcome!" >
              <ds-checkbox>Welcome!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286416" label="Weekly Mini Challenge: July 6 - 12" >
              <ds-checkbox>Weekly Mini Challenge: July 6 - 12</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53574" label="Progressive Programs" >
              <ds-checkbox>Progressive Programs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53565" label="New Releases" >
              <ds-checkbox>New Releases</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83475" label="Live Classes" >
              <ds-checkbox>Live Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242431" label="2026 Monthly Challenges!" >
              <ds-checkbox>2026 Monthly Challenges!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="241250" label="Beginner&#39;s Corner" >
              <ds-checkbox>Beginner&#39;s Corner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="145807" label="Members Only" >
              <ds-checkbox>Members Only</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53930" label="Choreography" >
              <ds-checkbox>Choreography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60119" label="Recently Added Spotlights" >
              <ds-checkbox>Recently Added Spotlights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54961" label="DO Daily" >
              <ds-checkbox>DO Daily</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252390" label="Conditioning Bites" >
              <ds-checkbox>Conditioning Bites</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="268247" label="Belly Dance History" >
              <ds-checkbox>Belly Dance History</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="143487" label="Seated Practices" >
              <ds-checkbox>Seated Practices</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="139166" label="8 Elements Preparation" >
              <ds-checkbox>8 Elements Preparation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53587" label="Series" >
              <ds-checkbox>Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53567" label="Warm Ups" >
              <ds-checkbox>Warm Ups</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102568" label="Technique" >
              <ds-checkbox>Technique</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102561" label="Drills" >
              <ds-checkbox>Drills</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="102476" label="Combinations" >
              <ds-checkbox>Combinations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="138509" label="Improvisation" >
              <ds-checkbox>Improvisation</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="77128" label="DO Belly Dance Challenge" >
              <ds-checkbox>DO Belly Dance Challenge</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55810" label="Cool Downs" >
              <ds-checkbox>Cool Downs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53566" label="Yoga, Pilates &amp; Fitness" >
              <ds-checkbox>Yoga, Pilates &amp; Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50426" label="Documentaries &amp; Talks" >
              <ds-checkbox>Documentaries &amp; Talks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55257" label="Performances" >
              <ds-checkbox>Performances</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="139695" label="Stage Presence &amp; Theatricality" >
              <ds-checkbox>Stage Presence &amp; Theatricality</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="206258" label="Prenatal" >
              <ds-checkbox>Prenatal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53192" label="Music &amp; Theory" >
              <ds-checkbox>Music &amp; Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54630" label="American Cabaret" >
              <ds-checkbox>American Cabaret</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55107" label="FCBD® Style" >
              <ds-checkbox>FCBD® Style</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55109" label="Datura Style Belly Dance" >
              <ds-checkbox>Datura Style Belly Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55110" label="Indian Classical &amp; Fusion" >
              <ds-checkbox>Indian Classical &amp; Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55111" label="Dances of North Africa (Maghreb)" >
              <ds-checkbox>Dances of North Africa (Maghreb)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53927" label="Fusion" >
              <ds-checkbox>Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54155" label="Egyptian Dance (Raqs Sharqi)" >
              <ds-checkbox>Egyptian Dance (Raqs Sharqi)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55112" label="ITS" >
              <ds-checkbox>ITS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55054" label="Member Favorites" >
              <ds-checkbox>Member Favorites</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="101264" label="Classic Songs Every Belly Dancer Should Know" >
              <ds-checkbox>Classic Songs Every Belly Dancer Should Know</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="183806" label="Spotlights" >
              <ds-checkbox>Spotlights</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184894" label="Classes" >
              <ds-checkbox>Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184895" label="Workshops" >
              <ds-checkbox>Workshops</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184896" label="Props" >
              <ds-checkbox>Props</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184897" label="Fundamentals" >
              <ds-checkbox>Fundamentals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184898" label="Musicality" >
              <ds-checkbox>Musicality</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="184911" label="Floorwork" >
              <ds-checkbox>Floorwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185467" label="Shimmies" >
              <ds-checkbox>Shimmies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185474" label="Spins &amp; Turns" >
              <ds-checkbox>Spins &amp; Turns</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185477" label="Undulations" >
              <ds-checkbox>Undulations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185478" label="Hipwork" >
              <ds-checkbox>Hipwork</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="134469" label="Want to dance in a restaurant?" >
              <ds-checkbox>Want to dance in a restaurant?</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185486" label="Isolations" >
              <ds-checkbox>Isolations</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185488" label="Layers" >
              <ds-checkbox>Layers</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185495" label="Vocabulary" >
              <ds-checkbox>Vocabulary</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="230439" label="Finger Cymbals" >
              <ds-checkbox>Finger Cymbals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50428" label="Beginners!" >
              <ds-checkbox>Beginners!</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242574" label="8 Elements Homework Collections" >
              <ds-checkbox>8 Elements Homework Collections</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="255371" label="Training Tools" >
              <ds-checkbox>Training Tools</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="285189" label="Teacher Toolkit" >
              <ds-checkbox>Teacher Toolkit</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286409" label="Under 35 minutes!" >
              <ds-checkbox>Under 35 minutes!</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="23929" label="Amel Tafsout" >
              <ds-checkbox>Amel Tafsout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23926" label="Amy Sigil" >
              <ds-checkbox>Amy Sigil</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23922" label="April Rose" >
              <ds-checkbox>April Rose</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23916" label="Ashley López" >
              <ds-checkbox>Ashley López</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119572" label="Baksana Ensemble" >
              <ds-checkbox>Baksana Ensemble</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24689" label="Bellydancers of Cairo" >
              <ds-checkbox>Bellydancers of Cairo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42487" label="Bevin Victoria" >
              <ds-checkbox>Bevin Victoria</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23918" label="Colette Todorov" >
              <ds-checkbox>Colette Todorov</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23925" label="Colleena Shakti" >
              <ds-checkbox>Colleena Shakti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23931" label="Donna Mejia" >
              <ds-checkbox>Donna Mejia</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123884" label="Drake von Trapp" >
              <ds-checkbox>Drake von Trapp</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23928" label="Ebony" >
              <ds-checkbox>Ebony</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23930" label="Faisal Zedan" >
              <ds-checkbox>Faisal Zedan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66561" label="Guests" >
              <ds-checkbox>Guests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23915" label="Heather &quot;Henna&quot; Louise" >
              <ds-checkbox>Heather &quot;Henna&quot; Louise</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23933" label="Heather Stants" >
              <ds-checkbox>Heather Stants</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119571" label="Izohnny" >
              <ds-checkbox>Izohnny</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="123255" label="Nicole Malinoff" >
              <ds-checkbox>Nicole Malinoff</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22694" label="Rachel Brice" >
              <ds-checkbox>Rachel Brice</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22711" label="Sadie" >
              <ds-checkbox>Sadie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59784" label="Sara Lyn" >
              <ds-checkbox>Sara Lyn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23917" label="Sedona Swan Soulfire" >
              <ds-checkbox>Sedona Swan Soulfire</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23919" label="Tamalyn Dallal" >
              <ds-checkbox>Tamalyn Dallal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24773" label="The Fez Documentary" >
              <ds-checkbox>The Fez Documentary</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="23921" label="Zoe Jakes" >
              <ds-checkbox>Zoe Jakes</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_1585" id="catalog_filter_1585" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Dance Style: All" inner-prefix="Dance Style" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9242" label="Egyptian" >
              <ds-checkbox>Egyptian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9243" label="Cabaret" >
              <ds-checkbox>Cabaret</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9244" label="Fusion" >
              <ds-checkbox>Fusion</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9245" label="Indian Dance" >
              <ds-checkbox>Indian Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9246" label="North African Dance" >
              <ds-checkbox>North African Dance</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9247" label="Yoga" >
              <ds-checkbox>Yoga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9248" label="Fitness" >
              <ds-checkbox>Fitness</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9249" label="ITS" >
              <ds-checkbox>ITS</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9250" label="Datura Style™" >
              <ds-checkbox>Datura Style™</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9251" label="FCBD® Style" >
              <ds-checkbox>FCBD® Style</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9252" label="Turkish" >
              <ds-checkbox>Turkish</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_1584" id="catalog_filter_1584" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Level: All" inner-prefix="Level" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9238" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9239" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9240" label="Advanced" >
              <ds-checkbox>Advanced</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9241" label="All levels" >
              <ds-checkbox>All levels</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_1583" id="catalog_filter_1583" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Time: All" inner-prefix="Time" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="9232" label="5m or less" >
              <ds-checkbox>5m or less</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9233" label="5-15m" >
              <ds-checkbox>5-15m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9234" label="15-30m" >
              <ds-checkbox>15-30m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9235" label="30-60m" >
              <ds-checkbox>30-60m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9236" label="60-90m" >
              <ds-checkbox>60-90m</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9237" label="90m or more" >
              <ds-checkbox>90m or more</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="faisal" 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="faisal"
  
  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>