<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="xAmzd0OYWb_2pvl5yyxDR_kCXuNbFUsfgG51Sr3VzigpD6WLtEhGlhHdC_GEGlgYH4CLWoLjzWBKxpqjWr92GA" /></head><body><turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="video_1338314"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The I–IV–V7–I Progression in A Major"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:41:21-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338314&#39;, &#39;Search Results&#39;); " href="/programs/learn-how-to-play-a-iivv7i-progression-in-a-major-_-chord-by-chord-e500cd">
    <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="Chord by Chord: The I–IV–V7–I Progression in A Major" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338314/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338314/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338314/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338314/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">04: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" title="Chord by Chord: The I–IV–V7–I Progression in A Major" aria-label="Chord by Chord: The I–IV–V7–I Progression in A Major" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338314&#39;, &#39;Search Results&#39;); " href="/programs/learn-how-to-play-a-iivv7i-progression-in-a-major-_-chord-by-chord-e500cd">
    <span class="line-clamp-2">
      Chord by Chord: The I–IV–V7–I Progression in A Major
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338313"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn to Play Amaj9, Emaj9, and Fmaj9"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:41:09-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338313&#39;, &#39;Search Results&#39;); " href="/programs/learn-to-play-amaj9-emaj9-and-fmaj9-_-chord-by-chord-f87f7d">
    <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="Chord by Chord: The Amaj9, Emaj9, and Fmaj9 Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338313/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338313/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338313/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338313/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">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" title="Chord by Chord: The Amaj9, Emaj9, and Fmaj9 Chords" aria-label="Chord by Chord: The Amaj9, Emaj9, and Fmaj9 Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338313&#39;, &#39;Search Results&#39;); " href="/programs/learn-to-play-amaj9-emaj9-and-fmaj9-_-chord-by-chord-f87f7d">
    <span class="line-clamp-2">
      Chord by Chord: The Amaj9, Emaj9, and Fmaj9 Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338312"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn How to Play the I–ii–V–I Progression in A Major"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:41:07-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338312&#39;, &#39;Search Results&#39;); " href="/programs/learn-how-to-play-a-iiivi-progression-in-a-major-_-chord-by-chord-40b5eb">
    <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="Chord by Chord: The I–ii–V–I Progression in A Major" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338312/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338312/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338312/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338312/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03:38</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The I–ii–V–I Progression in A Major" aria-label="Chord by Chord: The I–ii–V–I Progression in A Major" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338312&#39;, &#39;Search Results&#39;); " href="/programs/learn-how-to-play-a-iiivi-progression-in-a-major-_-chord-by-chord-40b5eb">
    <span class="line-clamp-2">
      Chord by Chord: The I–ii–V–I Progression in A Major
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338311"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn five ways to play the E Major 7 chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:57-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338311&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-e-major-7-_-chord-by-chord-0eeed4">
    <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="Chord by Chord: The E Major 7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338311/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338311/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338311/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338311/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03: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" title="Chord by Chord: The E Major 7 Chord" aria-label="Chord by Chord: The E Major 7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338311&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-e-major-7-_-chord-by-chord-0eeed4">
    <span class="line-clamp-2">
      Chord by Chord: The E Major 7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338309"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn six 6 ways to play the F Major 7 chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:46-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338309&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-f-major-7-_-chord-by-chord-b31ed8">
    <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="Chord by Chord: The F Major 7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338309/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338309/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338309/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338309/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:58</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The F Major 7 Chord" aria-label="Chord by Chord: The F Major 7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338309&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-f-major-7-_-chord-by-chord-b31ed8">
    <span class="line-clamp-2">
      Chord by Chord: The F Major 7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338308"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn  six ways to play the A Major 7 chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:41-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338308&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-a-major-7-_-chord-by-chord-b42454">
    <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="Chord by Chord: The A Major 7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338308/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338308/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338308/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338308/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02: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" title="Chord by Chord: The A Major 7 Chord" aria-label="Chord by Chord: The A Major 7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338308&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-a-major-7-_-chord-by-chord-b42454">
    <span class="line-clamp-2">
      Chord by Chord: The A Major 7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338307"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn six ways to play the E Augmented Chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:30-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338307&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-e-augmented-_-acoustic-guitar-chord-by-chord-72df11">
    <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="Chord by Chord: The E Augmented Chord (E+)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338307/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338307/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338307/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338307/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:49</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The E Augmented Chord (E+)" aria-label="Chord by Chord: The E Augmented Chord (E+)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338307&#39;, &#39;Search Results&#39;); " href="/programs/learn-6-ways-to-play-e-augmented-_-acoustic-guitar-chord-by-chord-72df11">
    <span class="line-clamp-2">
      Chord by Chord: The E Augmented Chord (E+)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338306"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn five ways to play the F7 chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:28-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338306&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-f7-_-acoustic-guitars-chord-by-chord-9be18b">
    <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="Chord by Chord: The F7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338306/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338306/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338306/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338306/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:47</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The F7 Chord" aria-label="Chord by Chord: The F7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338306&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-f7-_-acoustic-guitars-chord-by-chord-9be18b">
    <span class="line-clamp-2">
      Chord by Chord: The F7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1338305"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn five ways to play the c# Diminished chord"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-09-21T10:40:08-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338305&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-c-diminished-_-chord-by-chord-063c1c">
    <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="Chord by Chord: The c# Diminished Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1338305/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1338305/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1338305/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1338305/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02: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" title="Chord by Chord: The c# Diminished Chord" aria-label="Chord by Chord: The c# Diminished Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1338305&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-c-diminished-_-chord-by-chord-063c1c">
    <span class="line-clamp-2">
      Chord by Chord: The c# Diminished Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217184"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:33:19-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217184&#39;, &#39;Search Results&#39;); " href="/programs/chord-by-chord-a-augmented-lesson_1mp4-66e956">
    <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="Chord by Chord: The A Augmented Chord (A+)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217184/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217184/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217184/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217184/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:53</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The A Augmented Chord (A+)" aria-label="Chord by Chord: The A Augmented Chord (A+)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217184&#39;, &#39;Search Results&#39;); " href="/programs/chord-by-chord-a-augmented-lesson_1mp4-66e956">
    <span class="line-clamp-2">
      Chord by Chord: The A Augmented Chord (A+)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217183"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:33:17-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217183&#39;, &#39;Search Results&#39;); " href="/programs/acoustic-guitar-chord-by-chord-how-to-play-b7-5-waysmp4-24cf0a">
    <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="Chord by Chord: The B7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217183/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217183/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217183/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217183/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03:01</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The B7 Chord" aria-label="Chord by Chord: The B7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217183&#39;, &#39;Search Results&#39;); " href="/programs/acoustic-guitar-chord-by-chord-how-to-play-b7-5-waysmp4-24cf0a">
    <span class="line-clamp-2">
      Chord by Chord: The B7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217182"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:33:13-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217182&#39;, &#39;Search Results&#39;); " href="/programs/acoustic-guitar-chord-by-chord-e7-lesson-guitarmp4-449aac">
    <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="Chord by Chord: The E7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217182/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217182/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217182/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217182/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:36</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The E7 Chord" aria-label="Chord by Chord: The E7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217182&#39;, &#39;Search Results&#39;); " href="/programs/acoustic-guitar-chord-by-chord-e7-lesson-guitarmp4-449aac">
    <span class="line-clamp-2">
      Chord by Chord: The E7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217181"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Change from A to F# minor or E to C# minor"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:33:05-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217181&#39;, &#39;Search Results&#39;); " href="/programs/how-to-play-major-i-to-minor-vi-progressions-in-the-keys-of-a-and-e-chord-by-chordmp4-67c0b8">
    <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="Chord by Chord: Change from A to f# minor or E to c# minor" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217181/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217181/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217181/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217181/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03: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" title="Chord by Chord: Change from A to f# minor or E to c# minor" aria-label="Chord by Chord: Change from A to f# minor or E to c# minor" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217181&#39;, &#39;Search Results&#39;); " href="/programs/how-to-play-major-i-to-minor-vi-progressions-in-the-keys-of-a-and-e-chord-by-chordmp4-67c0b8">
    <span class="line-clamp-2">
      Chord by Chord: Change from A to f# minor or E to c# minor
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217180"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:32:42-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217180&#39;, &#39;Search Results&#39;); " href="/programs/chord-by-chord-lesson-45-how-to-play-a7mp4-e417cb">
    <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="Chord by Chord: The A7 Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217180/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217180/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217180/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217180/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03: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" title="Chord by Chord: The A7 Chord" aria-label="Chord by Chord: The A7 Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217180&#39;, &#39;Search Results&#39;); " href="/programs/chord-by-chord-lesson-45-how-to-play-a7mp4-e417cb">
    <span class="line-clamp-2">
      Chord by Chord: The A7 Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1217178"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-07-14T11:32:10-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217178&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-fdim-chords-acoustic-guitar-lessonmp4-8a911d">
    <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="Chord by Chord: The f#dim Chord" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1217178/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1217178/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1217178/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1217178/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">02:55</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The f#dim Chord" aria-label="Chord by Chord: The f#dim Chord" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1217178&#39;, &#39;Search Results&#39;); " href="/programs/learn-5-ways-to-play-fdim-chords-acoustic-guitar-lessonmp4-8a911d">
    <span class="line-clamp-2">
      Chord by Chord: The f#dim Chord
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1118578"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-18T11:57:17-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118578&#39;, &#39;Search Results&#39;); " href="/programs/collection-7pxg0pv4e9o">
    <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="Chord by Chord: Common Chord Progressions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1118578/horizontal/817_2Fcatalog_image_2F1118578_2FZ183xOMMSvuBr3ccmIHe_Progressions.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1118578/horizontal/817_2Fcatalog_image_2F1118578_2FZ183xOMMSvuBr3ccmIHe_Progressions.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1118578/horizontal/817_2Fcatalog_image_2F1118578_2FZ183xOMMSvuBr3ccmIHe_Progressions.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1118578/horizontal/817_2Fcatalog_image_2F1118578_2FZ183xOMMSvuBr3ccmIHe_Progressions.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Common Chord Progressions" aria-label="Chord by Chord: Common Chord Progressions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118578&#39;, &#39;Search Results&#39;); " href="/programs/collection-7pxg0pv4e9o">
    <span class="line-clamp-2">
      Chord by Chord: Common Chord Progressions
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1118572"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-18T11:54:42-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118572&#39;, &#39;Search Results&#39;); " href="/programs/collection-reksdbsm8qi">
    <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="Chord by Chord: Changing Between Chords " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1118572/horizontal/817_2Fcatalog_image_2F1118572_2FJpxVFuseRRQT3gN5ge0S_Changing_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1118572/horizontal/817_2Fcatalog_image_2F1118572_2FJpxVFuseRRQT3gN5ge0S_Changing_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1118572/horizontal/817_2Fcatalog_image_2F1118572_2FJpxVFuseRRQT3gN5ge0S_Changing_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1118572/horizontal/817_2Fcatalog_image_2F1118572_2FJpxVFuseRRQT3gN5ge0S_Changing_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Changing Between Chords " aria-label="Chord by Chord: Changing Between Chords " onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118572&#39;, &#39;Search Results&#39;); " href="/programs/collection-reksdbsm8qi">
    <span class="line-clamp-2">
      Chord by Chord: Changing Between Chords 
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1118569"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-18T11:51:19-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118569&#39;, &#39;Search Results&#39;); " href="/programs/collection-j6rfmd6qsyw">
    <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="Chord by Chord: Major 9 Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1118569/horizontal/817_2Fcatalog_image_2F1118569_2FAuDlbvEJRwe33Qm5iRRi_Major_209_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1118569/horizontal/817_2Fcatalog_image_2F1118569_2FAuDlbvEJRwe33Qm5iRRi_Major_209_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1118569/horizontal/817_2Fcatalog_image_2F1118569_2FAuDlbvEJRwe33Qm5iRRi_Major_209_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1118569/horizontal/817_2Fcatalog_image_2F1118569_2FAuDlbvEJRwe33Qm5iRRi_Major_209_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Major 9 Chords" aria-label="Chord by Chord: Major 9 Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118569&#39;, &#39;Search Results&#39;); " href="/programs/collection-j6rfmd6qsyw">
    <span class="line-clamp-2">
      Chord by Chord: Major 9 Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1118567"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-18T11:47:20-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118567&#39;, &#39;Search Results&#39;); " href="/programs/collection-yccpt1odq28">
    <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="Chord by Chord: Dominant 9 chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1118567/horizontal/817_2Fcatalog_image_2F1118567_2Ftb8SHySYTrGuy4CWKX1K_Dominant_209_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1118567/horizontal/817_2Fcatalog_image_2F1118567_2Ftb8SHySYTrGuy4CWKX1K_Dominant_209_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1118567/horizontal/817_2Fcatalog_image_2F1118567_2Ftb8SHySYTrGuy4CWKX1K_Dominant_209_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1118567/horizontal/817_2Fcatalog_image_2F1118567_2Ftb8SHySYTrGuy4CWKX1K_Dominant_209_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Dominant 9 chords" aria-label="Chord by Chord: Dominant 9 chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1118567&#39;, &#39;Search Results&#39;); " href="/programs/collection-yccpt1odq28">
    <span class="line-clamp-2">
      Chord by Chord: Dominant 9 chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1114863"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-16T15:01:33-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114863&#39;, &#39;Search Results&#39;); " href="/programs/collection-htjhlruztgo">
    <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="Chord by Chord: Sus(pended) Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1114863/horizontal/817_2Fcatalog_image_2F1114863_2FOH0MuQvOSnCnzgPg9bjB_Sus_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1114863/horizontal/817_2Fcatalog_image_2F1114863_2FOH0MuQvOSnCnzgPg9bjB_Sus_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1114863/horizontal/817_2Fcatalog_image_2F1114863_2FOH0MuQvOSnCnzgPg9bjB_Sus_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1114863/horizontal/817_2Fcatalog_image_2F1114863_2FOH0MuQvOSnCnzgPg9bjB_Sus_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Sus(pended) Chords" aria-label="Chord by Chord: Sus(pended) Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114863&#39;, &#39;Search Results&#39;); " href="/programs/collection-htjhlruztgo">
    <span class="line-clamp-2">
      Chord by Chord: Sus(pended) Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1114862"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-16T14:58:41-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114862&#39;, &#39;Search Results&#39;); " href="/programs/collection-ghkdk4r7iqu">
    <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="Chord by Chord: Augmented Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1114862/horizontal/817_2Fcatalog_image_2F1114862_2Ffik52maQsSSbCkTPQp5K_Augmented_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1114862/horizontal/817_2Fcatalog_image_2F1114862_2Ffik52maQsSSbCkTPQp5K_Augmented_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1114862/horizontal/817_2Fcatalog_image_2F1114862_2Ffik52maQsSSbCkTPQp5K_Augmented_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1114862/horizontal/817_2Fcatalog_image_2F1114862_2Ffik52maQsSSbCkTPQp5K_Augmented_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Augmented Chords" aria-label="Chord by Chord: Augmented Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114862&#39;, &#39;Search Results&#39;); " href="/programs/collection-ghkdk4r7iqu">
    <span class="line-clamp-2">
      Chord by Chord: Augmented Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1114860"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-16T14:56:17-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114860&#39;, &#39;Search Results&#39;); " href="/programs/collection-raosottoydg">
    <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="Chord by Chord: Minor 7 Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1114860/horizontal/817_2Fcatalog_image_2F1114860_2FKAQbekkcRuOKSDFBA3Q4_Minor_207_20Chord.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1114860/horizontal/817_2Fcatalog_image_2F1114860_2FKAQbekkcRuOKSDFBA3Q4_Minor_207_20Chord.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1114860/horizontal/817_2Fcatalog_image_2F1114860_2FKAQbekkcRuOKSDFBA3Q4_Minor_207_20Chord.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1114860/horizontal/817_2Fcatalog_image_2F1114860_2FKAQbekkcRuOKSDFBA3Q4_Minor_207_20Chord.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Minor 7 Chords" aria-label="Chord by Chord: Minor 7 Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114860&#39;, &#39;Search Results&#39;); " href="/programs/collection-raosottoydg">
    <span class="line-clamp-2">
      Chord by Chord: Minor 7 Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1114859"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-16T14:55:32-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114859&#39;, &#39;Search Results&#39;); " href="/programs/collection-8sbws703ofu">
    <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="Chord by Chord: Major 7 Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1114859/horizontal/817_2Fcatalog_image_2F1114859_2FhZZaGXZRPai7UVMZaJKn_Major_207_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1114859/horizontal/817_2Fcatalog_image_2F1114859_2FhZZaGXZRPai7UVMZaJKn_Major_207_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1114859/horizontal/817_2Fcatalog_image_2F1114859_2FhZZaGXZRPai7UVMZaJKn_Major_207_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1114859/horizontal/817_2Fcatalog_image_2F1114859_2FhZZaGXZRPai7UVMZaJKn_Major_207_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">5</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Major 7 Chords" aria-label="Chord by Chord: Major 7 Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114859&#39;, &#39;Search Results&#39;); " href="/programs/collection-8sbws703ofu">
    <span class="line-clamp-2">
      Chord by Chord: Major 7 Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1114852"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-16T14:49:19-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114852&#39;, &#39;Search Results&#39;); " href="/programs/collection-kd32qswkyxq">
    <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="Chord by Chord: Dominant 7 Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1114852/horizontal/817_2Fcatalog_image_2F1114852_2FLZRS7kemRNCV2I1KJEF7_Dominant_207_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1114852/horizontal/817_2Fcatalog_image_2F1114852_2FLZRS7kemRNCV2I1KJEF7_Dominant_207_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1114852/horizontal/817_2Fcatalog_image_2F1114852_2FLZRS7kemRNCV2I1KJEF7_Dominant_207_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1114852/horizontal/817_2Fcatalog_image_2F1114852_2FLZRS7kemRNCV2I1KJEF7_Dominant_207_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Dominant 7 Chords" aria-label="Chord by Chord: Dominant 7 Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1114852&#39;, &#39;Search Results&#39;); " href="/programs/collection-kd32qswkyxq">
    <span class="line-clamp-2">
      Chord by Chord: Dominant 7 Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1112496"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-14T11:49:11-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1112496&#39;, &#39;Search Results&#39;); " href="/programs/collection-61mkgicmfgw">
    <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="Chord by Chord: Diminished Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1112496/horizontal/817_2Fcatalog_image_2F1112496_2Fdq3bkCovRFW1WrEd07Dc_Diminished_20Chord.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1112496/horizontal/817_2Fcatalog_image_2F1112496_2Fdq3bkCovRFW1WrEd07Dc_Diminished_20Chord.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1112496/horizontal/817_2Fcatalog_image_2F1112496_2Fdq3bkCovRFW1WrEd07Dc_Diminished_20Chord.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1112496/horizontal/817_2Fcatalog_image_2F1112496_2Fdq3bkCovRFW1WrEd07Dc_Diminished_20Chord.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Diminished Chords" aria-label="Chord by Chord: Diminished Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1112496&#39;, &#39;Search Results&#39;); " href="/programs/collection-61mkgicmfgw">
    <span class="line-clamp-2">
      Chord by Chord: Diminished Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1112484"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-14T11:40:48-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1112484&#39;, &#39;Search Results&#39;); " href="/programs/collection-cg0sflaiaqo">
    <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="Chord by Chord: Minor Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1112484/horizontal/817_2Fcatalog_image_2F1112484_2F8ifdfpVIR2SRvdlGg0Co_Minor_20Chord.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1112484/horizontal/817_2Fcatalog_image_2F1112484_2F8ifdfpVIR2SRvdlGg0Co_Minor_20Chord.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1112484/horizontal/817_2Fcatalog_image_2F1112484_2F8ifdfpVIR2SRvdlGg0Co_Minor_20Chord.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1112484/horizontal/817_2Fcatalog_image_2F1112484_2F8ifdfpVIR2SRvdlGg0Co_Minor_20Chord.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">5</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Minor Chords" aria-label="Chord by Chord: Minor Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1112484&#39;, &#39;Search Results&#39;); " href="/programs/collection-cg0sflaiaqo">
    <span class="line-clamp-2">
      Chord by Chord: Minor Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108980"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn to Play the C, G, and D Chords"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-05-12T10:55:00-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108980&#39;, &#39;Search Results&#39;); " href="/programs/collection-z-zi2qeulzc">
    <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="Chord by Chord: Major Chords" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108980/horizontal/817_2Fcatalog_image_2F1108980_2F1ukfBpVSpuGgzRdxpLDV_Major_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108980/horizontal/817_2Fcatalog_image_2F1108980_2F1ukfBpVSpuGgzRdxpLDV_Major_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108980/horizontal/817_2Fcatalog_image_2F1108980_2F1ukfBpVSpuGgzRdxpLDV_Major_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108980/horizontal/817_2Fcatalog_image_2F1108980_2F1ukfBpVSpuGgzRdxpLDV_Major_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">6</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: Major Chords" aria-label="Chord by Chord: Major Chords" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108980&#39;, &#39;Search Results&#39;); " href="/programs/collection-z-zi2qeulzc">
    <span class="line-clamp-2">
      Chord by Chord: Major Chords
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108860"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="THE 3-D SOUND"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:37:57-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108860&#39;, &#39;Search Results&#39;); " href="/programs/collection-wnmsbubjvmi">
    <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="Alex de Grassi: The 3-D Sound" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108860/horizontal/817_2Fcatalog_image_2F1108860_2FHFNuREqSJyWf5WTahkQ5_Alex_20de_20Grassi_203-D.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108860/horizontal/817_2Fcatalog_image_2F1108860_2FHFNuREqSJyWf5WTahkQ5_Alex_20de_20Grassi_203-D.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108860/horizontal/817_2Fcatalog_image_2F1108860_2FHFNuREqSJyWf5WTahkQ5_Alex_20de_20Grassi_203-D.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108860/horizontal/817_2Fcatalog_image_2F1108860_2FHFNuREqSJyWf5WTahkQ5_Alex_20de_20Grassi_203-D.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: The 3-D Sound" aria-label="Alex de Grassi: The 3-D Sound" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108860&#39;, &#39;Search Results&#39;); " href="/programs/collection-wnmsbubjvmi">
    <span class="line-clamp-2">
      Alex de Grassi: The 3-D Sound
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108858"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="EXTENDED TECHNIQUES"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:35:36-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108858&#39;, &#39;Search Results&#39;); " href="/programs/collection-s-lhzctcmxo">
    <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="Alex de Grassi: Extended Techniques" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108858/horizontal/817_2Fcatalog_image_2F1108858_2FERdrdEwLTTWG53v8U7iw_Alex_20de_20Grassi_20Extended.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108858/horizontal/817_2Fcatalog_image_2F1108858_2FERdrdEwLTTWG53v8U7iw_Alex_20de_20Grassi_20Extended.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108858/horizontal/817_2Fcatalog_image_2F1108858_2FERdrdEwLTTWG53v8U7iw_Alex_20de_20Grassi_20Extended.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108858/horizontal/817_2Fcatalog_image_2F1108858_2FERdrdEwLTTWG53v8U7iw_Alex_20de_20Grassi_20Extended.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Extended Techniques" aria-label="Alex de Grassi: Extended Techniques" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108858&#39;, &#39;Search Results&#39;); " href="/programs/collection-s-lhzctcmxo">
    <span class="line-clamp-2">
      Alex de Grassi: Extended Techniques
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108853"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="ABOUT TIME"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:32:15-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108853&#39;, &#39;Search Results&#39;); " href="/programs/collection-5vjqa-u0vks">
    <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="Alex de Grassi: About Time" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108853/horizontal/817_2Fcatalog_image_2F1108853_2FE2BPRBASjalvmcJY0Cgw_Alex_20de_20Grassi_20Time.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108853/horizontal/817_2Fcatalog_image_2F1108853_2FE2BPRBASjalvmcJY0Cgw_Alex_20de_20Grassi_20Time.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108853/horizontal/817_2Fcatalog_image_2F1108853_2FE2BPRBASjalvmcJY0Cgw_Alex_20de_20Grassi_20Time.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108853/horizontal/817_2Fcatalog_image_2F1108853_2FE2BPRBASjalvmcJY0Cgw_Alex_20de_20Grassi_20Time.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">3</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: About Time" aria-label="Alex de Grassi: About Time" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108853&#39;, &#39;Search Results&#39;); " href="/programs/collection-5vjqa-u0vks">
    <span class="line-clamp-2">
      Alex de Grassi: About Time
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108818"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="ALTERNATE TUNINGS
"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:15:01-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108818&#39;, &#39;Search Results&#39;); " href="/programs/collection-8xgytbn89jo">
    <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="Alex de Grassi: Alternate Tunings" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108818/horizontal/817_2Fcatalog_image_2F1108818_2FtY1ee6jtThk0NVJWv6gR_Alex_20de_20Grassi_20Alternate.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108818/horizontal/817_2Fcatalog_image_2F1108818_2FtY1ee6jtThk0NVJWv6gR_Alex_20de_20Grassi_20Alternate.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108818/horizontal/817_2Fcatalog_image_2F1108818_2FtY1ee6jtThk0NVJWv6gR_Alex_20de_20Grassi_20Alternate.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108818/horizontal/817_2Fcatalog_image_2F1108818_2FtY1ee6jtThk0NVJWv6gR_Alex_20de_20Grassi_20Alternate.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Alternate Tunings" aria-label="Alex de Grassi: Alternate Tunings" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108818&#39;, &#39;Search Results&#39;); " href="/programs/collection-8xgytbn89jo">
    <span class="line-clamp-2">
      Alex de Grassi: Alternate Tunings
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108813"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="MOVING UP THE FINGERBOARD"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:12:39-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108813&#39;, &#39;Search Results&#39;); " href="/programs/collection-qe9goybito8">
    <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="Alex de Grassi: Moving Up the Fingerboard" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108813/horizontal/817_2Fcatalog_image_2F1108813_2Fk6fhLzRRFux05MJhvEFq_Alex_20de_20Grassi_20Moving.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108813/horizontal/817_2Fcatalog_image_2F1108813_2Fk6fhLzRRFux05MJhvEFq_Alex_20de_20Grassi_20Moving.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108813/horizontal/817_2Fcatalog_image_2F1108813_2Fk6fhLzRRFux05MJhvEFq_Alex_20de_20Grassi_20Moving.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108813/horizontal/817_2Fcatalog_image_2F1108813_2Fk6fhLzRRFux05MJhvEFq_Alex_20de_20Grassi_20Moving.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Moving Up the Fingerboard" aria-label="Alex de Grassi: Moving Up the Fingerboard" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108813&#39;, &#39;Search Results&#39;); " href="/programs/collection-qe9goybito8">
    <span class="line-clamp-2">
      Alex de Grassi: Moving Up the Fingerboard
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108795"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="TEXTURE"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T09:04:19-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108795&#39;, &#39;Search Results&#39;); " href="/programs/collection-b5awrzvz9ni">
    <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="Alex de Grassi: Texture" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108795/horizontal/817_2Fcatalog_image_2F1108795_2F0ZQdyQ1TQ1CED9ytspio_Alex_20de_20Grassi_20Texture.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108795/horizontal/817_2Fcatalog_image_2F1108795_2F0ZQdyQ1TQ1CED9ytspio_Alex_20de_20Grassi_20Texture.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108795/horizontal/817_2Fcatalog_image_2F1108795_2F0ZQdyQ1TQ1CED9ytspio_Alex_20de_20Grassi_20Texture.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108795/horizontal/817_2Fcatalog_image_2F1108795_2F0ZQdyQ1TQ1CED9ytspio_Alex_20de_20Grassi_20Texture.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Texture" aria-label="Alex de Grassi: Texture" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108795&#39;, &#39;Search Results&#39;); " href="/programs/collection-b5awrzvz9ni">
    <span class="line-clamp-2">
      Alex de Grassi: Texture
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108719"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="RHYTHMS, PATTERNS, AND ACCENTS"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T08:40:10-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108719&#39;, &#39;Search Results&#39;); " href="/programs/collection-q6venjagpfs">
    <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="Alex de Grassi: Rhythms, Patterns, and Accents" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108719/horizontal/817_2Fcatalog_image_2F1108719_2FtjDik8QaQCCrU88DXLe1_Alex_20de_20Grassi_20Rhythms.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108719/horizontal/817_2Fcatalog_image_2F1108719_2FtjDik8QaQCCrU88DXLe1_Alex_20de_20Grassi_20Rhythms.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108719/horizontal/817_2Fcatalog_image_2F1108719_2FtjDik8QaQCCrU88DXLe1_Alex_20de_20Grassi_20Rhythms.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108719/horizontal/817_2Fcatalog_image_2F1108719_2FtjDik8QaQCCrU88DXLe1_Alex_20de_20Grassi_20Rhythms.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">3</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Rhythms, Patterns, and Accents" aria-label="Alex de Grassi: Rhythms, Patterns, and Accents" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108719&#39;, &#39;Search Results&#39;); " href="/programs/collection-q6venjagpfs">
    <span class="line-clamp-2">
      Alex de Grassi: Rhythms, Patterns, and Accents
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1108705"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="CHORDS AND ARPEGGIOS"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-12T08:27:17-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108705&#39;, &#39;Search Results&#39;); " href="/programs/collection-l_wspc7s0sq">
    <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="Alex de Grassi: Chords and Arpeggios" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1108705/horizontal/817_2Fcatalog_image_2F1108705_2FDoU9NvWzR8SVXP9i1DU4_Alex_20de_20Grassi_20Chords.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1108705/horizontal/817_2Fcatalog_image_2F1108705_2FDoU9NvWzR8SVXP9i1DU4_Alex_20de_20Grassi_20Chords.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1108705/horizontal/817_2Fcatalog_image_2F1108705_2FDoU9NvWzR8SVXP9i1DU4_Alex_20de_20Grassi_20Chords.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1108705/horizontal/817_2Fcatalog_image_2F1108705_2FDoU9NvWzR8SVXP9i1DU4_Alex_20de_20Grassi_20Chords.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">3</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Chords and Arpeggios" aria-label="Alex de Grassi: Chords and Arpeggios" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1108705&#39;, &#39;Search Results&#39;); " href="/programs/collection-l_wspc7s0sq">
    <span class="line-clamp-2">
      Alex de Grassi: Chords and Arpeggios
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1099089"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Alex de Grassi" data-author-permalink-0="alex-de-grassi"
    data-published-at="2021-05-06T14:13:56-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1099089&#39;, &#39;Search Results&#39;); " href="/programs/collection-bnph4huar98">
    <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="Alex de Grassi: Basic Technique and First Phrases" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1099089/horizontal/817_2Fcatalog_image_2F1099089_2FGfELylpqRVOYSOCPhTks_Alex_20de_20Grassi_20Basic.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1099089/horizontal/817_2Fcatalog_image_2F1099089_2FGfELylpqRVOYSOCPhTks_Alex_20de_20Grassi_20Basic.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1099089/horizontal/817_2Fcatalog_image_2F1099089_2FGfELylpqRVOYSOCPhTks_Alex_20de_20Grassi_20Basic.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1099089/horizontal/817_2Fcatalog_image_2F1099089_2FGfELylpqRVOYSOCPhTks_Alex_20de_20Grassi_20Basic.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">5</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Alex de Grassi: Basic Technique and First Phrases" aria-label="Alex de Grassi: Basic Technique and First Phrases" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1099089&#39;, &#39;Search Results&#39;); " href="/programs/collection-bnph4huar98">
    <span class="line-clamp-2">
      Alex de Grassi: Basic Technique and First Phrases
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1092625"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Maurice Tani" data-author-permalink-0="maurice-tani"
    data-published-at="2021-05-03T09:46:59-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1092625&#39;, &#39;Search Results&#39;); " href="/programs/campfire-songs-let-me-call-you-sweetheartmp4-464e96">
    <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="Campfire Songs: Let Me  Call You Sweetheart" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1092625/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1092625/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1092625/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1092625/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">03:14</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Campfire Songs: Let Me  Call You Sweetheart" aria-label="Campfire Songs: Let Me  Call You Sweetheart" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1092625&#39;, &#39;Search Results&#39;); " href="/programs/campfire-songs-let-me-call-you-sweetheartmp4-464e96">
    <span class="line-clamp-2">
      Campfire Songs: Let Me  Call You Sweetheart
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1073635"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-04-22T13:24:25-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073635&#39;, &#39;Search Results&#39;); " href="/programs/24-iivv7i-progression-g-major-_-chord-by-chordmp4-c585b5">
    <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="Chord by Chord: The I–IV–V7–I Progression in G Major" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1073635/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1073635/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1073635/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1073635/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">04:47</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The I–IV–V7–I Progression in G Major" aria-label="Chord by Chord: The I–IV–V7–I Progression in G Major" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073635&#39;, &#39;Search Results&#39;); " href="/programs/24-iivv7i-progression-g-major-_-chord-by-chordmp4-c585b5">
    <span class="line-clamp-2">
      Chord by Chord: The I–IV–V7–I Progression in G Major
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1073634"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-04-22T13:24:23-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073634&#39;, &#39;Search Results&#39;); " href="/programs/29-learn-to-play-c-g-and-d-sus4-and-7sus2-_-chord-by-chordmp4-ee7805">
    <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="Chord by Chord: The sus2 and 7sus2 Chords in C, G, and D" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1073634/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1073634/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1073634/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1073634/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">05:04</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The sus2 and 7sus2 Chords in C, G, and D" aria-label="Chord by Chord: The sus2 and 7sus2 Chords in C, G, and D" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073634&#39;, &#39;Search Results&#39;); " href="/programs/29-learn-to-play-c-g-and-d-sus4-and-7sus2-_-chord-by-chordmp4-ee7805">
    <span class="line-clamp-2">
      Chord by Chord: The sus2 and 7sus2 Chords in C, G, and D
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1073633"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Kate Koenig" data-author-permalink-0="author-Mlu_45eEeyE"
    data-published-at="2021-04-22T13:24:19-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073633&#39;, &#39;Search Results&#39;); " href="/programs/28-learn-to-play-c-g-and-d-sus4-and-7sus4-_-chord-by-chordmp4-162bef">
    <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="Chord by Chord: The sus4 and 7sus4 Chords in C, G, and D" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1073633/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1073633/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1073633/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1073633/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <span class="badge-item">04:43</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Chord by Chord: The sus4 and 7sus4 Chords in C, G, and D" aria-label="Chord by Chord: The sus4 and 7sus4 Chords in C, G, and D" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1073633&#39;, &#39;Search Results&#39;); " href="/programs/28-learn-to-play-c-g-and-d-sus4-and-7sus4-_-chord-by-chordmp4-162bef">
    <span class="line-clamp-2">
      Chord by Chord: The sus4 and 7sus4 Chords in C, G, and D
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream><turbo-stream action="after" target="catalog_content"><template>
  <turbo-frame loading="lazy" id="catalog_content_page_2" src="/catalog/search?action=search&amp;controller=storefront%2Fcatalogs&amp;format=turbo_stream&amp;page=2&amp;term=guitar+Rhythm&amp;y=0" target="_top"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 mb-4 filters-short-variant filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end md:group-[.filters-short-variant]:hidden">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class=""
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" non-clearable close-on-select placeholder="Category: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="7468" label="Category: New to Acoustic Guitar Plus" >
              New to Acoustic Guitar Plus
            </ds-select-option>
            <ds-select-option name="6945" label="Category: Getting Started on Guitar" >
              Getting Started on Guitar
            </ds-select-option>
            <ds-select-option name="3432" label="Category: Fundamentals" >
              Fundamentals
            </ds-select-option>
            <ds-select-option name="3929" label="Category: Blues" >
              Blues
            </ds-select-option>
            <ds-select-option name="55265" label="Category: Chord by Chord" >
              Chord by Chord
            </ds-select-option>
            <ds-select-option name="4078" label="Category: Fingerstyle" >
              Fingerstyle
            </ds-select-option>
            <ds-select-option name="4067" label="Category: Folk" >
              Folk
            </ds-select-option>
            <ds-select-option name="3905" label="Category: Rock" >
              Rock
            </ds-select-option>
            <ds-select-option name="4079" label="Category: Jazz" >
              Jazz
            </ds-select-option>
            <ds-select-option name="4069" label="Category: Classical" >
              Classical
            </ds-select-option>
            <ds-select-option name="22320" label="Category: Songs" >
              Songs
            </ds-select-option>
            <ds-select-option name="59855" label="Category: Guitar Care" >
              Guitar Care
            </ds-select-option>
            <ds-select-option name="59889" label="Category: Concepts and Theory for Guitarists" >
              Concepts and Theory for Guitarists
            </ds-select-option>
            <ds-select-option name="59890" label="Category: Practicing" >
              Practicing
            </ds-select-option>
            <ds-select-option name="63357" label="Category: MORE INSTRUMENTS" >
              MORE INSTRUMENTS
            </ds-select-option>
            <ds-select-option name="84540" label="Category: Alex de Grassi Fingerstyle Guitar Method" >
              Alex de Grassi Fingerstyle Guitar Method
            </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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable placeholder="Author: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="973" label="Author: Acoustic Guitar Magazine Editors and Contributors" false>
              Acoustic Guitar Magazine Editors and Contributors
            </ds-select-option>
            <ds-select-option name="988" label="Author: Alex de Grassi" false>
              Alex de Grassi
            </ds-select-option>
            <ds-select-option name="938" label="Author: Andrew DuBrock" false>
              Andrew DuBrock
            </ds-select-option>
            <ds-select-option name="33542" label="Author: Arlen Roth" false>
              Arlen Roth
            </ds-select-option>
            <ds-select-option name="2024" label="Author: Burgess Speed" false>
              Burgess Speed
            </ds-select-option>
            <ds-select-option name="1009" label="Author: Chad Johnson " false>
              Chad Johnson 
            </ds-select-option>
            <ds-select-option name="970" label="Author: Danny Carnahan" false>
              Danny Carnahan
            </ds-select-option>
            <ds-select-option name="994" label="Author: David Hamburger" false>
              David Hamburger
            </ds-select-option>
            <ds-select-option name="26207" label="Author: David Lusterman" false>
              David Lusterman
            </ds-select-option>
            <ds-select-option name="991" label="Author: Doug Young" false>
              Doug Young
            </ds-select-option>
            <ds-select-option name="24931" label="Author: Frederic Hand" false>
              Frederic Hand
            </ds-select-option>
            <ds-select-option name="33436" label="Author: Greg Horne" false>
              Greg Horne
            </ds-select-option>
            <ds-select-option name="2940" label="Author: Greg Howe" false>
              Greg Howe
            </ds-select-option>
            <ds-select-option name="5989" label="Author: Gretchen Menn" false>
              Gretchen Menn
            </ds-select-option>
            <ds-select-option name="2605" label="Author: Happy Traum" false>
              Happy Traum
            </ds-select-option>
            <ds-select-option name="982" label="Author: Jeffrey Pepper Rodgers" false>
              Jeffrey Pepper Rodgers
            </ds-select-option>
            <ds-select-option name="993" label="Author: Jody Stecher" false>
              Jody Stecher
            </ds-select-option>
            <ds-select-option name="33543" label="Author: Joe Pass" false>
              Joe Pass
            </ds-select-option>
            <ds-select-option name="1011" label="Author: Joshua Ray Gooch" false>
              Joshua Ray Gooch
            </ds-select-option>
            <ds-select-option name="939" label="Author: Josh Workman" false>
              Josh Workman
            </ds-select-option>
            <ds-select-option name="1010" label="Author: Jostein Gulbrandsen" false>
              Jostein Gulbrandsen
            </ds-select-option>
            <ds-select-option name="25132" label="Author: Kate Koenig" false>
              Kate Koenig
            </ds-select-option>
            <ds-select-option name="4346" label="Author: Keith Wyatt" false>
              Keith Wyatt
            </ds-select-option>
            <ds-select-option name="3448" label="Author: Marlene Hutchinson" false>
              Marlene Hutchinson
            </ds-select-option>
            <ds-select-option name="29312" label="Author: Maurice Tani" false>
              Maurice Tani
            </ds-select-option>
            <ds-select-option name="3265" label="Author: Nick Nolan" false>
              Nick Nolan
            </ds-select-option>
            <ds-select-option name="971" label="Author: Orville Johnson" false>
              Orville Johnson
            </ds-select-option>
            <ds-select-option name="972" label="Author: Patrick Francis" false>
              Patrick Francis
            </ds-select-option>
            <ds-select-option name="1478" label="Author: Paul Mehling" false>
              Paul Mehling
            </ds-select-option>
            <ds-select-option name="2358" label="Author: Pete Huttlinger" false>
              Pete Huttlinger
            </ds-select-option>
            <ds-select-option name="981" label="Author: Pete Madsen" false>
              Pete Madsen
            </ds-select-option>
            <ds-select-option name="23407" label="Author: Ron Jackson" false>
              Ron Jackson
            </ds-select-option>
            <ds-select-option name="29239" label="Author: Scott Linford" false>
              Scott Linford
            </ds-select-option>
            <ds-select-option name="978" label="Author: Scott Nygaard" false>
              Scott Nygaard
            </ds-select-option>
            <ds-select-option name="3723" label="Author: Scott Tennant" false>
              Scott Tennant
            </ds-select-option>
            <ds-select-option name="980" label="Author: Sean McGowan" false>
              Sean McGowan
            </ds-select-option>
            <ds-select-option name="4141" label="Author: Steve Baughman" false>
              Steve Baughman
            </ds-select-option>
            <ds-select-option name="992" label="Author: Steve James" false>
              Steve James
            </ds-select-option>
            <ds-select-option name="2418" label="Author: Sue Foley" false>
              Sue Foley
            </ds-select-option>
            <ds-select-option name="1608" label="Author: Woody Mann" false>
              Woody Mann
            </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>

</body></html>